Skip to content

[html] 第83天 在新窗口打开链接的方法是什么?那怎么设置全站链接都在新窗口打开? #584

Open
@haizhilin2013

Description

@haizhilin2013
Collaborator

第83天 在新窗口打开链接的方法是什么?那怎么设置全站链接都在新窗口打开?

Activity

DBTXf

DBTXf commented on Jul 8, 2019

@DBTXf

1.a标签的target属性
2.在head标签下 加上

<base target="_blank">
nowherebutup

nowherebutup commented on Jul 8, 2019

@nowherebutup

1,

<a href="#" target="_blank"></a>
<head>
    <base target="_blank">
</head>
xxf1996

xxf1996 commented on Jul 8, 2019

@xxf1996
  1. 通过设置target="_blank"即可实现链接在新窗口打开;
  2. head中为base元素设置target="_blank"即可为所有的链接设置默认的打开方式为新窗口打开;

参考文档:<base>:文档根 URL 元素 - HTML(超文本标记语言) | MDN

xiangshuo1992

xiangshuo1992 commented on Jul 8, 2019

@xiangshuo1992
Contributor

希望通过合理的书写,来降低阅读的门槛。(把以上答案合并优化了一下,取百家之长)

  1. 通过给 a 标签设置 target="_blank" 属性,即可实现链接在新窗口打开;
<a href="#" target="_blank"></a>
  1. head 中为 base 元素设置 target="_blank" 即可为所有的链接设置默认的打开方式为新窗口打开;
<head>
    <base target="_blank">
</head>

参考文档::文档根 URL 元素 - HTML(超文本标记语言) | MDN

encountermm

encountermm commented on Jul 8, 2019

@encountermm

新窗口打开链接还可以通过js: window.open(URL,name,specs,replace)

linlinLittleTime

linlinLittleTime commented on Jul 8, 2019

@linlinLittleTime

1、在新窗口中打开链接的方式
a标签加target属性;
<a href="www.xxx.com" target="_blank">open</a>
用js在新窗口打开链接;
window.open('www.xxx.com')
2、设置全站链接都在新窗口打开
<base target="_blank">
将这段代码加在全局页面顶部的head标签中,这样全站的所有链接都会在新窗口中打开

xingpengchao

xingpengchao commented on Jul 8, 2019

@xingpengchao

1.a标签的target属性设置为_blank
2.在head标签加入

daisybaicai

daisybaicai commented on Jul 9, 2019

@daisybaicai

target,_blank
head

jiamianmao

jiamianmao commented on Aug 13, 2019

@jiamianmao

既然这题涉及到在新窗口打开链接,那愚兄再补充个知识点。

异步在新窗口打开链接的时候,经常会遇到浏览器拦截。何解?

smile-2008

smile-2008 commented on Feb 23, 2021

@smile-2008
  1. 通过设置target="_blank"即可实现链接在新窗口打开;
  2. head中为base元素设置target="_blank"即可为所有的链接设置默认的打开方式为新窗口打开;

参考文档::文档根 URL 元素 - HTML(超文本标记语言) | MDN

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @smile-2008@haizhilin2013@xxf1996@jiamianmao@xiangshuo1992

        Issue actions

          [html] 第83天 在新窗口打开链接的方法是什么?那怎么设置全站链接都在新窗口打开? · Issue #584 · haizlin/fe-interview