css控制a標籤的target

來源:互聯網
上載者:User

今天在網站二次開發時發一個問題就是把網頁所有的a標籤的target=_blank全部去了,用css 控制.想了很多辦法都沒實現,上網查了一下發現有三種方法第一種就是用css第二是用js控制,但是要給a標籤加external,不過js這種我覺得還是沒有減輕檔案的大小和加target沒什麼區別了,所以我不喜歡這種,好了,下面來看看這幾種吧:

第一種:

 代碼如下 複製代碼
***.css
a.toblank{
    target:expression(this.target='_blank')
}
a.totop{
    target:expression(this.target='_top')
}
a.toself{
    target:expression(this.target='_self')
}
a.toparent{
    target:expression(this.target='_parent')
}

這種有一個不好就是不是W3C標準,所以只有IE支援了.

第二種就是用js實現:

 

 代碼如下 複製代碼
function externalLinks(){
if (!document.getElementsByTagName) return;
var anchors = document.getElementsByTagName("a");
for (var i=0; i<anchors.length; i++){
var anchor = anchors[i];
if (anchor.getAttribute("href") &&
anchor.getAttribute("rel") == "external")
anchor.target = "_blank";
}
}
window.onload = externalLinks;


<a href="" rel="external" title=""></a>

這種的缺點我上面己經說了,

 

最後還有一種是說第一種的target=_blank改為target="new" 就成了.

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.