GithubHelp home page GithubHelp logo

Comments (24)

Konata9 avatar Konata9 commented on May 5, 2024 29

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

  • _self

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

  • _blank

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

  • _parent

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

  • _top

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

from fe-interview.

jjjjim avatar jjjjim commented on May 5, 2024 8

补充一个,target值也可以是除去以上回答中的几个标准值之外的任意字符,这样的话达到的效果就是一半的_blank:即如果当前浏览器还没有打开这个链接,则会弹出新窗口打开此链接;如果已经打开了这个链接,则不会再重复弹出第二个窗口,而是刷新已打开的窗口链接。

from fe-interview.

censek avatar censek commented on May 5, 2024 6

<a> 标签的 target 属性规定在何处打开链接文档。

  • 语法:<a target="value">
  • 属性值:
描述
_blank 在新窗口中打开被链接文档。
_self 默认。在相同的框架中打开被链接文档。
_parent 在父框架集中打开被链接文档。
_top 在整个窗口中打开被链接文档。
framename 在指定的框架中打开被链接文档。

from fe-interview.

blueRoach avatar blueRoach commented on May 5, 2024 5

1._self 在自身所处的框架(包括iframe)中打开
2._blank 在新窗口打开(就算在iframe里面也是)
3._parent 在父框架中打开(比如你在页面中嵌套一个iframe1,再在iframe1里面嵌套一个iframe2,那么iframe2里的超链接就会在iframe1打开,并且会覆盖iframe1的所有内容)
4._top 不管嵌套多少层iframe,都会在最顶层打开
5.‘任意字符’ 与_blank一致,只是如果打开,就只会刷新已打开的窗口

from fe-interview.

hou499 avatar hou499 commented on May 5, 2024 2
描述
_blank 在新窗口中打开被链接文档。
_self 默认值。在当前窗口或者框架中加载目标文档。
_parent 在父框架集中打开被链接文档。当 a 标签本身在顶层时,则与 _self 相同。
_top 在整个窗口中打开被链接文档。
framename 在指定的框架中打开被链接文档。
‘任意字符’ 若该链接不是已打开的页面,则在新窗口中打开,与_blank一致;若该链接已经打开,则跳转到该标签页并刷新页面

from fe-interview.

tiyunchen avatar tiyunchen commented on May 5, 2024

_self: 在当前窗口打开页面
_blank: 在新窗口打开页面
_top: 在整个框架打开页面不是很理解

from fe-interview.

KangKai-fe avatar KangKai-fe commented on May 5, 2024

_self: 在当前窗口打开页面
_blank: 在新窗口打开页面
_top: 在整个框架打开页面不是很理解

_top 在iframe或者frameset里用的比较多

from fe-interview.

giggleCYT avatar giggleCYT commented on May 5, 2024

_blank:打开一个全新窗口并显示内容
_parent:在上一级的窗口显示内容
_self:在原来的窗口显示内容
_top:在浏览器的整个窗口显示内容,忽略掉所有的框架结构

from fe-interview.

MrZ2019 avatar MrZ2019 commented on May 5, 2024

标签的 target 属性规定在何处打开链接文档。

语法:
属性值:

值 | 描述

_blank | 在新窗口中打开被链接文档。
_self | 默认。在相同的框架中打开被链接文档。
_parent | 在父框架集中打开被链接文档。
_top | 在整个窗口中打开被链接文档。
framename | 在指定的框架中打开被链接文档。

from fe-interview.

xiezhenghua123 avatar xiezhenghua123 commented on May 5, 2024

_blank
_self
-top

from fe-interview.

mono2048 avatar mono2048 commented on May 5, 2024

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

_self

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

_blank

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

_parent

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

_top

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

from fe-interview.

shisan13yan avatar shisan13yan commented on May 5, 2024

target:_self 在当前网页上打开网页
target:_black在新窗口打开网页

from fe-interview.

amikly avatar amikly commented on May 5, 2024

target属性

此属性指定激活链接时要在其中打开文档的浏览上下文的名称(例如,浏览器选项卡或(X)HTML iframe或object元素)

属性值 作用
_self 默认,在与当前SVG图像相同的浏览上下文中,当前SVG图像被链接的内容替换
_parent SVG图像的直接父浏览上下文将被链接的内容替换(如果存在),并且可以从此文档中安全地访问它
_top 完整活动窗口或选项卡的内容将由链接的内容替换(如果存在),并且可以从此文档中安全地访问
_blank 如果此文档可以安全地显示,则需要一个新的未命名窗口或标签来显示链接的内容
XML-Name 指定用于显示链接内容的浏览上下文的名称(选项卡,内联框架,对象等)

from fe-interview.

tk12138 avatar tk12138 commented on May 5, 2024

答:该属性规定在何处打开链接文档。
_blank:在新窗口中打开被链接的文档。
_self: 默认,在相同的框架中打开被链接的文档
_parent:在父框架中打开被链接的文档
_top:在整个窗口中打开被链接的文档
Framename:在指定的框架中打开被链接的文档

from fe-interview.

yxllovewq avatar yxllovewq commented on May 5, 2024

经过查阅和实践:
_self:默认值,在a标签所在的页面中打开。该页面如果作为iframe嵌入其他页面,则在iframe中打开。
_blank:在新建的标签页中打开。
_parent:在父iframe中打开,没有父iframe,则在当前标签页中打开。
_top:在当前标签页中打开。

from fe-interview.

1576464141 avatar 1576464141 commented on May 5, 2024

属性值

_black:点击一次打开一个新窗口

_new:始终在同一个新窗口中打开

_self:默认,在当前窗口打开

_parent:在父级窗口打开

_top:在当前的整个浏览器中打开所链接文档,即在顶级窗口打开

framename:在指定的框架中打开被链接文档

from fe-interview.

syfine avatar syfine commented on May 5, 2024
  • _blank 在新窗口中打开
  • _self 默认值,在当前窗口打开
  • _parent 在夫框架集中打开被链接文档
  • _top 在顶层窗口打开
  • framename 在指定框架打开
  • ‘任意字符’ 若该链接不是已经打开的页面,则在新窗口打开。若是已经打开的页面,跳转到该标签页,并刷新

from fe-interview.

Hub-ShengQing avatar Hub-ShengQing commented on May 5, 2024

✂【回答】
target 属性定义了被链接的文档在何处显示,其取值和作用如下:

取值 作用
_blank 在新窗口中打开被链接文档
_self 默认。在相同的框架中打开被链接文档
_parent 在父框架集中打开被链接文档
_top 在整个窗口中打开被链接文档
framename 在指定的框架中打开被链接文档

🖊【便签】
更加详细的说明:https://www.w3school.com.cn/tags/att_a_target.asp

♡【关注】
https://blog.csdn.net/Hewes

from fe-interview.

www-wanglong avatar www-wanglong commented on May 5, 2024

target属性 定义被链接的文档在何处显示

  • _blank 在新的浏览器窗口打开
  • _parent 在父级框架中载入目标
  • _self 默认值 在当前窗口或者框架中记载目标文档
  • _top 在最顶层打开
  • framename 在指定框架中打开被链接文档

from fe-interview.

WangXi01 avatar WangXi01 commented on May 5, 2024
  1. _self 在自身所处的框架(包括iframe)中打开
  2. _blank 在新窗口打开(就算在iframe里面也是)
  3. _parent 在父框架中打开(比如你在页面中嵌套一个iframe1,再在iframe1里面嵌套一个iframe2,那么iframe2里的超链接就会在iframe1打开,并且会覆盖iframe1的所有内容)
  4. _top 不管嵌套多少层iframe,都会在最顶层打开

from fe-interview.

GitHubJiKe avatar GitHubJiKe commented on May 5, 2024

framename和任意字符是一回事儿

  • 当定位到指定的frame的话则在该frame内打开或者刷新url
  • 如果没有定位到则是在新窗口中打开,如果已打开,就是刷新该窗口

from fe-interview.

wuder-jie avatar wuder-jie commented on May 5, 2024
  • _self:在现有窗口打开页面,替换了现在的页面,但会保留记录。
  • _blank: 在新的窗口打开页面。
    就这两个用的最多,其他的不常用。

from fe-interview.

Iambecauseyouare avatar Iambecauseyouare commented on May 5, 2024

_blank:在新浏览器窗口(新标签)中打开链接文件
_parent:将链接的文件载入含有该链接框架的父框架或父窗口中
_self:在当前窗口打开页面
_top:在当前的整个浏览器窗口中打开所链接的文档,因而会删除所有框架

from fe-interview.

lili-0923 avatar lili-0923 commented on May 5, 2024

**_self:**默认值,链接在当前窗口或框架中打开。

**_blank:**链接在新的、未命名的窗口或标签页中打开。

**_parent:**链接在父级框架中打开。

**_top:**链接在顶级窗口或标签页中打开,忽略所有框架。

需要注意的是,使用 _blank 打开新窗口时,应添加 rel="noopener noreferrer" 属性以防止新窗口对原窗口的篡改和其他潜在的安全风险。此外,_top 通常用于在 IFRAME 或 FRAME 中跳转到顶层页面,但这种用法较少见。

from fe-interview.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.