css - 所有的a標簽設置為新窗口打開


前言

由於工作的需要,需要把某個頁面下的所有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" />


成功。

博客搬運地址

  1. 【css】所有的a標簽設置為新窗口打開【原創】


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM