Comments (24)
a
标签的 target
属性一共有四个值。
-
_self
默认属性。在当前窗口或者框架中加载目标文档。
-
_blank
打开新的窗口或者新的标签页。在使用这个属性时,最好添加
rel="noopener norefferrer"
属性,防止打开的新窗口对原窗口进行篡改。防止window.opener
API 的恶意行为。 -
_parent
在
frame
或者iframe
中使用较多。在父级框架中载入目标文档,当a
标签本身在顶层时,与_self
相同。 -
_top
在
frame
或者iframe
中使用较多。直接在顶层的框架中载入目标文档,加载整个窗口。
from fe-interview.
补充一个,target值也可以是除去以上回答中的几个标准值之外的任意字符,这样的话达到的效果就是一半的_blank:即如果当前浏览器还没有打开这个链接,则会弹出新窗口打开此链接;如果已经打开了这个链接,则不会再重复弹出第二个窗口,而是刷新已打开的窗口链接。
from fe-interview.
<a>
标签的 target
属性规定在何处打开链接文档。
- 语法:
<a target="value">
- 属性值:
值 | 描述 |
---|---|
_blank | 在新窗口中打开被链接文档。 |
_self | 默认。在相同的框架中打开被链接文档。 |
_parent | 在父框架集中打开被链接文档。 |
_top | 在整个窗口中打开被链接文档。 |
framename | 在指定的框架中打开被链接文档。 |
from fe-interview.
1._self 在自身所处的框架(包括iframe)中打开
2._blank 在新窗口打开(就算在iframe里面也是)
3._parent 在父框架中打开(比如你在页面中嵌套一个iframe1,再在iframe1里面嵌套一个iframe2,那么iframe2里的超链接就会在iframe1打开,并且会覆盖iframe1的所有内容)
4._top 不管嵌套多少层iframe,都会在最顶层打开
5.‘任意字符’ 与_blank一致,只是如果打开,就只会刷新已打开的窗口
from fe-interview.
值 | 描述 |
---|---|
_blank | 在新窗口中打开被链接文档。 |
_self | 默认值。在当前窗口或者框架中加载目标文档。 |
_parent | 在父框架集中打开被链接文档。当 a 标签本身在顶层时,则与 _self 相同。 |
_top | 在整个窗口中打开被链接文档。 |
framename | 在指定的框架中打开被链接文档。 |
‘任意字符’ | 若该链接不是已打开的页面,则在新窗口中打开,与_blank一致;若该链接已经打开,则跳转到该标签页并刷新页面 |
from fe-interview.
_self: 在当前窗口打开页面
_blank: 在新窗口打开页面
_top: 在整个框架打开页面不是很理解
from fe-interview.
_self: 在当前窗口打开页面
_blank: 在新窗口打开页面
_top: 在整个框架打开页面不是很理解
_top 在iframe或者frameset里用的比较多
from fe-interview.
_blank:
打开一个全新窗口并显示内容
_parent:
在上一级的窗口显示内容
_self:
在原来的窗口显示内容
_top:
在浏览器的整个窗口显示内容,忽略掉所有的框架结构
from fe-interview.
标签的 target 属性规定在何处打开链接文档。
语法:
属性值:
值 | 描述
_blank | 在新窗口中打开被链接文档。
_self | 默认。在相同的框架中打开被链接文档。
_parent | 在父框架集中打开被链接文档。
_top | 在整个窗口中打开被链接文档。
framename | 在指定的框架中打开被链接文档。
from fe-interview.
_blank
_self
-top
from fe-interview.
a 标签的 target 属性一共有四个值。
_self
默认属性。在当前窗口或者框架中加载目标文档。
_blank
打开新的窗口或者新的标签页。在使用这个属性时,最好添加 rel="noopener norefferrer" 属性,防止打开的新窗口对原窗口进行篡改。防止 window.opener API 的恶意行为。
_parent
在 frame 或者 iframe 中使用较多。在父级框架中载入目标文档,当 a 标签本身在顶层时,与 _self 相同。
_top
在 frame 或者 iframe 中使用较多。直接在顶层的框架中载入目标文档,加载整个窗口
from fe-interview.
target:_self 在当前网页上打开网页
target:_black在新窗口打开网页
from fe-interview.
target属性
此属性指定激活链接时要在其中打开文档的浏览上下文的名称(例如,浏览器选项卡或(X)HTML iframe或object元素)
属性值 | 作用 |
---|---|
_self | 默认,在与当前SVG图像相同的浏览上下文中,当前SVG图像被链接的内容替换 |
_parent | SVG图像的直接父浏览上下文将被链接的内容替换(如果存在),并且可以从此文档中安全地访问它 |
_top | 完整活动窗口或选项卡的内容将由链接的内容替换(如果存在),并且可以从此文档中安全地访问 |
_blank | 如果此文档可以安全地显示,则需要一个新的未命名窗口或标签来显示链接的内容 |
XML-Name | 指定用于显示链接内容的浏览上下文的名称(选项卡,内联框架,对象等) |
from fe-interview.
答:该属性规定在何处打开链接文档。
_blank:在新窗口中打开被链接的文档。
_self: 默认,在相同的框架中打开被链接的文档
_parent:在父框架中打开被链接的文档
_top:在整个窗口中打开被链接的文档
Framename:在指定的框架中打开被链接的文档
from fe-interview.
经过查阅和实践:
_self:默认值,在a标签所在的页面中打开。该页面如果作为iframe嵌入其他页面,则在iframe中打开。
_blank:在新建的标签页中打开。
_parent:在父iframe中打开,没有父iframe,则在当前标签页中打开。
_top:在当前标签页中打开。
from fe-interview.
属性值
_black:点击一次打开一个新窗口
_new:始终在同一个新窗口中打开
_self:默认,在当前窗口打开
_parent:在父级窗口打开
_top:在当前的整个浏览器中打开所链接文档,即在顶级窗口打开
framename:在指定的框架中打开被链接文档
from fe-interview.
- _blank 在新窗口中打开
- _self 默认值,在当前窗口打开
- _parent 在夫框架集中打开被链接文档
- _top 在顶层窗口打开
- framename 在指定框架打开
- ‘任意字符’ 若该链接不是已经打开的页面,则在新窗口打开。若是已经打开的页面,跳转到该标签页,并刷新
from fe-interview.
✂【回答】
target 属性定义了被链接的文档在何处显示,其取值和作用如下:
取值 | 作用 |
---|---|
_blank | 在新窗口中打开被链接文档 |
_self | 默认。在相同的框架中打开被链接文档 |
_parent | 在父框架集中打开被链接文档 |
_top | 在整个窗口中打开被链接文档 |
framename | 在指定的框架中打开被链接文档 |
🖊【便签】
更加详细的说明:https://www.w3school.com.cn/tags/att_a_target.asp
♡【关注】
https://blog.csdn.net/Hewes
from fe-interview.
target属性 定义被链接的文档在何处显示
- _blank 在新的浏览器窗口打开
- _parent 在父级框架中载入目标
- _self 默认值 在当前窗口或者框架中记载目标文档
- _top 在最顶层打开
- framename 在指定框架中打开被链接文档
from fe-interview.
- _self 在自身所处的框架(包括iframe)中打开
- _blank 在新窗口打开(就算在iframe里面也是)
- _parent 在父框架中打开(比如你在页面中嵌套一个iframe1,再在iframe1里面嵌套一个iframe2,那么iframe2里的超链接就会在iframe1打开,并且会覆盖iframe1的所有内容)
- _top 不管嵌套多少层iframe,都会在最顶层打开
from fe-interview.
framename和任意字符是一回事儿
- 当定位到指定的frame的话则在该frame内打开或者刷新url
- 如果没有定位到则是在新窗口中打开,如果已打开,就是刷新该窗口
from fe-interview.
- _self:在现有窗口打开页面,替换了现在的页面,但会保留记录。
- _blank: 在新的窗口打开页面。
就这两个用的最多,其他的不常用。
from fe-interview.
_blank:在新浏览器窗口(新标签)中打开链接文件
_parent:将链接的文件载入含有该链接框架的父框架或父窗口中
_self:在当前窗口打开页面
_top:在当前的整个浏览器窗口中打开所链接的文档,因而会删除所有框架
from fe-interview.
**_self
:**默认值,链接在当前窗口或框架中打开。
**_blank
:**链接在新的、未命名的窗口或标签页中打开。
**_parent
:**链接在父级框架中打开。
**_top
:**链接在顶级窗口或标签页中打开,忽略所有框架。
需要注意的是,使用 _blank
打开新窗口时,应添加 rel="noopener noreferrer"
属性以防止新窗口对原窗口的篡改和其他潜在的安全风险。此外,_top
通常用于在 IFRAME 或 FRAME 中跳转到顶层页面,但这种用法较少见。
from fe-interview.
Related Issues (20)
- [angular] 第1826天 请说说在Angular中的动态组件是什么?
- [angular] 第1827天 在Angular中怎样创建一个动态组件?
- [angular] 第1828天 在Angular中怎样创建一个服务工厂?
- [angular] 第1829天 请说说在Angular中的RxJS是什么?
- [angular] 第1830天 请说说在Angular中的单元测试是什么?
- [angular] 第1831天 在Angular中怎样写一个单元测试?
- [angular] 第1832天 请说说在Angular中的服务工厂是什么?
- [angular] 第1833天 在Angular中怎样使用RxJS?
- [angular] 第1834天 在Angular中有哪些常用的装饰器?
- [angular] 第1835天 请说说在Angular中组件初始化时,生命周期钩子的调用顺序
- [angular] 第1836天 在Angular中父子之间是如何通信的?
- [angular] 第1837天 AngularJS和Angular有什么区别?
- [angular] 第1838天 在Angular中的onpush策略下什么时候会解变更检测?
- [angular] 第1839天 在Angular中的数据绑定是采用什么机制?
- [js] 第1840天 请说说你对Promise.allSettled()的了解 HOT 1
- [angular] 第1841天 请说说什么是Angular CLI构建器?
- [angular] 第1842天 你有看过Angular的源码吗?
- [angular] 第1843天 请说说使用Angular有哪些优势?
- [angular] 第1844天 请说说在Angular中的范围是什么?
- [angular] 第1845天 请说说在Angular中的指令是什么?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from fe-interview.