第5天 简述超链接target属性的取值和作用
_self: 在当前窗口打开页面
_blank: 在新窗口打开页面
_top: 在整个框架打开页面不是很理解
_self: 在当前窗口打开页面
_blank: 在新窗口打开页面
_top: 在整个框架打开页面不是很理解
_top 在iframe或者frameset里用的比较多
a
标签的 target
属性一共有四个值。
_self
默认属性。在当前窗口或者框架中加载目标文档。
_blank
打开新的窗口或者新的标签页。在使用这个属性时,最好添加 rel="noopener norefferrer"
属性,防止打开的新窗口对原窗口进行篡改。防止 window.opener
API 的恶意行为。
_parent
在 frame
或者 iframe
中使用较多。在父级框架中载入目标文档,当 a
标签本身在顶层时,与 _self
相同。
_top
在 frame
或者 iframe
中使用较多。直接在顶层的框架中载入目标文档,加载整个窗口。
<a>
标签的 target
属性规定在何处打开链接文档。
<a target="value">
值 | 描述
-- | --
_blank | 在新窗口中打开被链接文档。
_self | 默认。在相同的框架中打开被链接文档。
_parent | 在父框架集中打开被链接文档。
_top | 在整个窗口中打开被链接文档。
framename | 在指定的框架中打开被链接文档。
补充一个,target值也可以是除去以上回答中的几个标准值之外的任意字符,这样的话达到的效果就是一半的_blank:即如果当前浏览器还没有打开这个链接,则会弹出新窗口打开此链接;如果已经打开了这个链接,则不会再重复弹出第二个窗口,而是刷新已打开的窗口链接。
1._self 在自身所处的框架(包括iframe)中打开
2._blank 在新窗口打开(就算在iframe里面也是)
3._parent 在父框架中打开(比如你在页面中嵌套一个iframe1,再在iframe1里面嵌套一个iframe2,那么iframe2里的超链接就会在iframe1打开,并且会覆盖iframe1的所有内容)
4._top 不管嵌套多少层iframe,都会在最顶层打开
5.‘任意字符’ 与_blank一致,只是如果打开,就只会刷新已打开的窗口
_blank:
打开一个全新窗口并显示内容
_parent:
在上一级的窗口显示内容
_self:
在原来的窗口显示内容
_top:
在浏览器的整个窗口显示内容,忽略掉所有的框架结构
值 | 描述
-- | --
_blank | 在新窗口中打开被链接文档。
_self | 默认值。在当前窗口或者框架中加载目标文档。
_parent | 在父框架集中打开被链接文档。当 a 标签本身在顶层时,则与 _self 相同。
_top | 在整个窗口中打开被链接文档。
framename | 在指定的框架中打开被链接文档。
‘任意字符’ | 若该链接不是已打开的页面,则在新窗口中打开,与_blank一致;若该链接已经打开,则跳转到该标签页并刷新页面
语法:
属性值:
值 | 描述
_blank | 在新窗口中打开被链接文档。
_self | 默认。在相同的框架中打开被链接文档。
_parent | 在父框架集中打开被链接文档。
_top | 在整个窗口中打开被链接文档。
framename | 在指定的框架中打开被链接文档。
Most helpful comment
a
标签的target
属性一共有四个值。_self
_blank
打开新的窗口或者新的标签页。在使用这个属性时,最好添加
rel="noopener norefferrer"
属性,防止打开的新窗口对原窗口进行篡改。防止window.opener
API 的恶意行为。_parent
在
frame
或者iframe
中使用较多。在父级框架中载入目标文档,当a
标签本身在顶层时,与_self
相同。_top
在
frame
或者iframe
中使用较多。直接在顶层的框架中载入目标文档,加载整个窗口。