框架集是一个网页框架嵌套多个网页

1、最外层的框架页面,doctype声明要用frameset声明,不用strict

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

2、frameset页面,不能有body标签

 

具体用法

拆成2行为例:

    <frameset rows="150px,*">
        <frame src="源网页1" name="xxx"></frame> 推荐给frame加一个name,方便控制

   <frame src="源网页2" name="xxx"></frame>
  </frameset>

 

拆成2列为例:

    <frameset cols="50%,*">
        <frame src="源网页1" name="xxx"></frame> 推荐给frame加一个name,方便控制

   <frame src="源网页2" name="xxx"></frame>
  </frameset>

 

拆成品字形

先拆成2行,再拆成2列


    <frameset rows="150px,*">
        <frame src="a.html" name="top"></frame>
        <frameset cols="30%,*">
            <frame src="b.html" name="menu"></frame>
            <frame src="c.html" name="cont"></frame>
        </frameset>
    </frameset>

    </frameset>

典型问题:左侧的导航链接点击时,页面如何在右侧区域显示?

答:给右侧的frame加一个name属性

然后左侧的链接加一个target属性,且值为右侧frame的name

<body>
    <h1>我是B网页<h1/>
    <ul>
        <li><a href="users.html" target="cont">用户列表</a></li>
        <li><a href="#" target="cont">新闻列表</a></li>
        <li><a href="#" target="cont">发布新闻</a></li>
        <li><a href="logout.html" target="_top">退出登录</a></li>
    </ul>
</body>

 

如何点击链接,页面如何跳出框架,直接在浏览器上显示(如退出登录效果)

答:target属性值设为“_top”,即链接效果直接跳到浏览器顶层

<li><a href="logout.html" target="_top">退出登录</a></li>