Fe-interview: [html] 第5天 简述超链接target属性的取值和作用

Created on 20 Apr 2019  ·  9Comments  ·  Source: haizlin/fe-interview

第5天 简述超链接target属性的取值和作用

html

Most helpful comment

a 标签的 target 属性一共有四个值。

  • _self
默认属性。在当前窗口或者框架中加载目标文档。
  • _blank

    打开新的窗口或者新的标签页。在使用这个属性时,最好添加 rel="noopener norefferrer" 属性,防止打开的新窗口对原窗口进行篡改。防止 window.opener API 的恶意行为。

  • _parent

    frame 或者 iframe 中使用较多。在父级框架中载入目标文档,当 a 标签本身在顶层时,与 _self 相同。

  • _top

    frame 或者 iframe 中使用较多。直接在顶层的框架中载入目标文档,加载整个窗口。

All 9 comments

_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一致;若该链接已经打开,则跳转到该标签页并刷新页面

Was this page helpful?
0 / 5 - 0 ratings