fe-interview
fe-interview copied to clipboard
[html] 第5天 简述超链接target属性的取值和作用
第5天 简述超链接target属性的取值和作用
_self: 在当前窗口打开页面 _blank: 在新窗口打开页面 _top: 在整个框架打开页面不是很理解
a 标签的 target 属性一共有四个值。
-
_self默认属性。在当前窗口或者框架中加载目标文档。
-
_blank打开新的窗口或者新的标签页。在使用这个属性时,最好添加
rel="noopener norefferrer"属性,防止打开的新窗口对原窗口进行篡改。防止window.openerAPI 的恶意行为。 -
_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一致;若该链接已经打开,则跳转到该标签页并刷新页面 |
标签的 target 属性规定在何处打开链接文档。
语法: 属性值:
值 | 描述
_blank | 在新窗口中打开被链接文档。 _self | 默认。在相同的框架中打开被链接文档。 _parent | 在父框架集中打开被链接文档。 _top | 在整个窗口中打开被链接文档。 framename | 在指定的框架中打开被链接文档。
_blank _self -top
a 标签的 target 属性一共有四个值。
_self
默认属性。在当前窗口或者框架中加载目标文档。
_blank
打开新的窗口或者新的标签页。在使用这个属性时,最好添加 rel="noopener norefferrer" 属性,防止打开的新窗口对原窗口进行篡改。防止 window.opener API 的恶意行为。
_parent
在 frame 或者 iframe 中使用较多。在父级框架中载入目标文档,当 a 标签本身在顶层时,与 _self 相同。
_top
在 frame 或者 iframe 中使用较多。直接在顶层的框架中载入目标文档,加载整个窗口
target:_self 在当前网页上打开网页 target:_black在新窗口打开网页
target属性
此属性指定激活链接时要在其中打开文档的浏览上下文的名称(例如,浏览器选项卡或(X)HTML iframe或object元素)
| 属性值 | 作用 |
|---|---|
| _self | 默认,在与当前SVG图像相同的浏览上下文中,当前SVG图像被链接的内容替换 |
| _parent | SVG图像的直接父浏览上下文将被链接的内容替换(如果存在),并且可以从此文档中安全地访问它 |
| _top | 完整活动窗口或选项卡的内容将由链接的内容替换(如果存在),并且可以从此文档中安全地访问 |
| _blank | 如果此文档可以安全地显示,则需要一个新的未命名窗口或标签来显示链接的内容 |
| XML-Name | 指定用于显示链接内容的浏览上下文的名称(选项卡,内联框架,对象等) |
答:该属性规定在何处打开链接文档。 _blank:在新窗口中打开被链接的文档。 _self: 默认,在相同的框架中打开被链接的文档 _parent:在父框架中打开被链接的文档 _top:在整个窗口中打开被链接的文档 Framename:在指定的框架中打开被链接的文档
经过查阅和实践: _self:默认值,在a标签所在的页面中打开。该页面如果作为iframe嵌入其他页面,则在iframe中打开。 _blank:在新建的标签页中打开。 _parent:在父iframe中打开,没有父iframe,则在当前标签页中打开。 _top:在当前标签页中打开。
属性值
_black:点击一次打开一个新窗口
_new:始终在同一个新窗口中打开
_self:默认,在当前窗口打开
_parent:在父级窗口打开
_top:在当前的整个浏览器中打开所链接文档,即在顶级窗口打开
framename:在指定的框架中打开被链接文档
- _blank 在新窗口中打开
- _self 默认值,在当前窗口打开
- _parent 在夫框架集中打开被链接文档
- _top 在顶层窗口打开
- framename 在指定框架打开
- ‘任意字符’ 若该链接不是已经打开的页面,则在新窗口打开。若是已经打开的页面,跳转到该标签页,并刷新
✂【回答】 target 属性定义了被链接的文档在何处显示,其取值和作用如下:
| 取值 | 作用 |
|---|---|
| _blank | 在新窗口中打开被链接文档 |
| _self | 默认。在相同的框架中打开被链接文档 |
| _parent | 在父框架集中打开被链接文档 |
| _top | 在整个窗口中打开被链接文档 |
| framename | 在指定的框架中打开被链接文档 |
🖊【便签】 更加详细的说明:https://www.w3school.com.cn/tags/att_a_target.asp
♡【关注】 https://blog.csdn.net/Hewes
target属性 定义被链接的文档在何处显示
- _blank 在新的浏览器窗口打开
- _parent 在父级框架中载入目标
- _self 默认值 在当前窗口或者框架中记载目标文档
- _top 在最顶层打开
- framename 在指定框架中打开被链接文档
- _self 在自身所处的框架(包括iframe)中打开
- _blank 在新窗口打开(就算在iframe里面也是)
- _parent 在父框架中打开(比如你在页面中嵌套一个iframe1,再在iframe1里面嵌套一个iframe2,那么iframe2里的超链接就会在iframe1打开,并且会覆盖iframe1的所有内容)
- _top 不管嵌套多少层iframe,都会在最顶层打开
framename和任意字符是一回事儿
- 当定位到指定的frame的话则在该frame内打开或者刷新url
- 如果没有定位到则是在新窗口中打开,如果已打开,就是刷新该窗口
- _self:在现有窗口打开页面,替换了现在的页面,但会保留记录。
- _blank: 在新的窗口打开页面。 就这两个用的最多,其他的不常用。
_blank:在新浏览器窗口(新标签)中打开链接文件 _parent:将链接的文件载入含有该链接框架的父框架或父窗口中 _self:在当前窗口打开页面 _top:在当前的整个浏览器窗口中打开所链接的文档,因而会删除所有框架
**_self:**默认值,链接在当前窗口或框架中打开。
**_blank:**链接在新的、未命名的窗口或标签页中打开。
**_parent:**链接在父级框架中打开。
**_top:**链接在顶级窗口或标签页中打开,忽略所有框架。
需要注意的是,使用 _blank 打开新窗口时,应添加 rel="noopener noreferrer" 属性以防止新窗口对原窗口的篡改和其他潜在的安全风险。此外,_top 通常用于在 IFRAME 或 FRAME 中跳转到顶层页面,但这种用法较少见。