用CSS设置链接在新窗口打开

小鹰博客 2017-9-2 1:35:45 网站制作 次阅读 查看评论

由于工作的需要,需要把某个页面下的所有a标签都设置为新开新窗口,即:

<a href="XXX">

增加target:

<a href="XXX" target="_blank">

但是由于这个页面有500多个a标签,并且有的a标签已经有target属性,有的没有,手动一个一个加显然是不可能的

1. 所以一开始通过js来加:

function addTarget(){

    var tag_a = document.getElementsByTagName('a');

    for (var i = tag.length - 1; i >= 0; i--) {

        tag_a[i].setAttribute("target","_blank");

    };

}

window.onload = addTarget();

但不知为何无法生效。

2. 然后就想到可以通过设置css来使默认的a都自带target属性,即:

a {

    target : _blank;

}

发现也行不通。原因是css中没有target属性,不能直接在css中这样写。

3. 最后查资料,发现可以在head标签中加入:

<base target="_blank" />
成功。

打赏

如果文章对你有帮助,请打赏支持!

« 上一篇下一篇 » 标签: CSS  

本文地址:http://www.0375wg.com/post/166.html 出自 小鹰博客 转载请保留出处和文章链接。

评论列表:

说两句吧:

必填

记住我,下次回复时不用重新输入个人信息◎网友评论只代表其个人观点与本站无关。

站内搜索
网站分类
最近发表
网友评论