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] 第1803天 请说说在Angular中什么是服务和依赖注入(DI)?
- [angular] 第1804天 请说说路由和导航在Angular中如何工作的?
- [angular] 第1805天 请说说在Angular中如何实现表单验证?
- [angular] 第1806天 请说说观察者模式和RxJS在Angular中的应用
- [angular] 第1807天 请说说在Angular中的双向数据绑定是如何工作的?
- [angular] 第1808天 请说说在Angular中如何实现国际化(i18n)?
- [angular] 第1809天 如何在Angular中实现懒加载?
- [angular] 第1810天 如何在Angular中实现导航的控制和保护?
- [angular] 第1811天 请说说在Angular中什么是RxJS?
- [angular] 第1812天 请说说在Angular中的ngFor是什么?有哪些用途? HOT 1
- [angular] 第1813天 请说说在Angular中的路由器是什么?
- [angular] 第1814天 请说说在Angular中的ngSwitch是什么?有哪些用途?
- [angular] 第1815天 请说说在Angular中的组件是什么?
- [angular] 第1816天 请说说在Angular中什么是指令?有哪些类型的指令?
- [angular] 第1817天 请说说在Angular中的依赖注入是什么?
- [angular] 第1818天 请说说在Angular中的NgModule是什么?
- [angular] 第1819天 请说说在Angular中的可观察对象是什么?
- [angular] 第1820天 请说说在Angular中的路由器守卫是什么?它有哪些类型?
- [angular] 第1821天 请说说在Angular中的服务是什么?如何创建一个服务?
- [angular] 第1822天 请说说在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.