html中框架的使用和属性target的使用

今天修改了一下项目,用到了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>


不用打开一个完整的浏览器窗口,使用 target 更通常的方法是在一个 <frameset> 显示中将超链接内容定向到一个或者多个框架中。可以将这个内容列表放入一个带有两个框架的文档的其中一个框架中,并用这个相邻的框架来显示选定的文档:

示例代码:

<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 的第一个字符。

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值