今天修改了一下项目,用到了html中的框架,碰到了一些问题,所以记录下来:
框架的使用方式有很多种,我就不一一列举了,只是简单的说明一下我在使用过程中碰到的。
记住:<frameset></frameset>不能放在<body></body>中间,可以放在</head>之后,<body>之前
框架基本格式:
<frameset rows="", cols="">//rows和cols可以任选
<frame src="url">
<frame src="url1">
...
</frameset>
框架属性:
src:指示加载的URL文件的地址
name:指示框架名称,是连接标记的target所需要的参数
noresize:指示不能调整窗口的大小,省略此项时则可调整
<a>标签中的target属性规定在何处打开链接文档。
当用户第一次选择内容列表中的某个链接时,浏览器将打开一个新的窗口,将它标记为 "view_window",然后在其中显示希望显示的文档内容。如果用户从这个内容列表中选择另一个链接,且这个 "view_window" 仍处于打开状态,浏览器就会再次将选定的文档载入那个窗口,取代刚才的那些文档。
示例代码:
<html>
<body>
<h3>Table of Contents</h3>
<ul>
<li><a href="/example/html/pref.html" target="view_window">Preface</a></li>
<li><a href="/example/html/chap1.html" target="view_window">Chapter 1</a></li>
<li><a href="/example/html/chap2.html" target="view_window">Chapter 2</a></li>
<li><a href="/example/html/chap3.html" target="view_window">Chapter 3</a></li>
</ul>
</body>
</html>
示例代码:
<html>
<frameset cols="200,*">
<frame src="/example/html/toc.html">
<frame src="/example/html/pref.html" name="view_frame">
</frameset>
</html>
<h3>Table of Contents</h3>
<ul>
<li><a href="pref.html" target="view_frame">Preface</a></li>
<li><a href="chap1.html" target="view_frame">Chapter 1</a></li>
<li><a href="chap2.html" target="view_frame">Chapter 2</a></li>
<li><a href="chap3.html" target="view_frame">Chapter 3</a></li>
</ul>
4个特殊的目标:
_blank:在新窗口中打开被链接文档
_self:默认。在相同的框架中打开被链接文档
_parent:在父框架集中打开被链接文档
_top:在整个窗口中打开被链接文档
提示:这些 target 的所有 4 个值都以下划线开始。任何其他用一个下划线作为开头的窗口或者目标都会被浏览器忽略,因此,不要将下划线作为文档中定义的任何框架 name 或 id 的第一个字符。