1 <!-- 左边菜单栏显示-->2 <p >3 <ul >4 <li ><a href="taskCreate.html" target="right" id="taskCreat">任务创建</a></li>5 <li ><a href="taskManage.html" target="right">任务管理</a></li>6 <li ><a href="#" target="right" >数据集管理</a></li>7 <li ><a href="#" target="right" >模型管理</a></li>8 </ul>9 </p>
页面的分层显示，主要就是 frameset 标签中对于 cols 和 rows 的使用，在配合 frame 标签的嵌套。而想要达到点击左边的菜单栏，右边的frame 相应发生变化，那必须要认识属性
target:规定在何处打开链接文档。浏览器将会载入和显示用这个标签的 href 属性命名的、名称与这个目标吻合的框架或者窗口中的文档。即 main.html 中， <frame name="target值">, 这里的 name 属性值为多少，那么 left.html 中，<a target="name值"> 这里要相等。
5、如何在子页面中获取父页面所在的frameset中的其它的frame中的元素？
即如何在 right.html 中获取 left.html中<a></a>标签的属性值等等
$(parent.parent.mainFrame.document).contents().find("body").html(); //manFrame指的是你想要查看的那个frame的id
比如上面的 left.html页面中,任务创建的 ID 为 taskCreat，那么我们可以这样获取：并改变它的 class 属性。
$(parent.parent.left.document).contents().find("#taskCreat").attr("class","list-group-item");
6、frameset 的优缺点
我们知道，目前的 HTML5 标准已经不支持 frameset 了，虽然使用它重载页面时不需要重载整个页面，只需要重载页面中的一个框架页(减少了数据的传输，加快了网页下载速度)。但是它也有很多缺点，比如浏览器的后退按钮是没用的；会产生很多页面，不易管理；代码复杂，不易被搜索引擎搜索；小型移动设备显示不全；多框架的页面会增加服务器 http 请求等等。所以对于 frameset 的使用我们需要慎重，而且现阶段的 p+CSS 用来实现这个功能也是可以的。
以上就是frameset标签设计页面注意事项的详细内容，更多请关注Gxl网其它相关文章！
查看更多关于frameset标签设计页面注意事项的详细内容...