Javascript控制頁面鏈接在新窗口打開具體方法
更新時間:2013年08月16日 15:12:58 作者:
今天看一個朋友說不在A標(biāo)題中加打開窗口形式要怎么讓頁面中所有頁面在新頁面打開,后來我找了幾種比較實(shí)用辦法,個人最喜歡的是最后一種方法哦
第一個方法就是用jquery實(shí)現(xiàn),原理是這樣的先找到站點(diǎn)中的外部鏈接,然后再給鏈接加上target=_blank”屬性就搞定了,代碼如下:
jquery在新窗口打開
$("a[href*='http://']:not([href*='"+location.hostname+"']),[href*='https://']:not([href*='"+location.hostname+"'])")
.addClass("external")
.attr("target","_blank");
js在新窗口打開
var aTag = document.getElementsByTagName('a');
for(i in aTag){
aTag[i].target='_blank';
}
html方法
在頁面最新面加上
代碼如下復(fù)制代碼 <base target='_blank' />
就可以全部頁面在新窗口打開
jquery在新窗口打開
復(fù)制代碼 代碼如下:
$("a[href*='http://']:not([href*='"+location.hostname+"']),[href*='https://']:not([href*='"+location.hostname+"'])")
.addClass("external")
.attr("target","_blank");
js在新窗口打開
復(fù)制代碼 代碼如下:
var aTag = document.getElementsByTagName('a');
for(i in aTag){
aTag[i].target='_blank';
}
html方法
在頁面最新面加上
代碼如下復(fù)制代碼 <base target='_blank' />
就可以全部頁面在新窗口打開
相關(guān)文章
Bootstrap學(xué)習(xí)筆記之css樣式設(shè)計(jì)(2)
這篇文章主要為大家詳細(xì)介紹了Bootstrap學(xué)習(xí)筆記之css樣式設(shè)計(jì),感興趣的小伙伴們可以參考一下2016-06-06JS+CSS實(shí)現(xiàn)鼠標(biāo)經(jīng)過彈出一個DIV框完整實(shí)例(帶緩沖動畫漸變效果)
這篇文章主要介紹了JS+CSS實(shí)現(xiàn)鼠標(biāo)經(jīng)過彈出一個DIV框的實(shí)現(xiàn)方法,帶緩沖漸變動畫效果,涉及鼠標(biāo)事件的響應(yīng)及結(jié)合時間函數(shù)定時觸發(fā)形成動畫漸變效果的相關(guān)技巧,需要的朋友可以參考下2016-03-03JS表格組件BootstrapTable行內(nèi)編輯解決方案x-editable
這篇文章主要介紹了JS組件系列BootstrapTable行內(nèi)編輯解決方案:x-editable,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-09-09詳解JavaScript如何實(shí)現(xiàn)一個簡易的Promise對象
Promise對象的作用將異步操作以同步操作的流程表達(dá)出來,避免層層嵌套的回調(diào)函數(shù),而且Promise提供了統(tǒng)一的接口,使得控制異步操作更加容易。本文介紹了如何實(shí)現(xiàn)一個簡單的Promise對象,需要的可以參考一下2022-11-11JavaScript中的構(gòu)造函數(shù)和實(shí)例對象之間的關(guān)系(構(gòu)造器)
這篇文章主要介紹了JavaScript中的構(gòu)造函數(shù)和實(shí)例對象之間的關(guān)系(構(gòu)造器),需要的朋友可以參考下2023-05-05uniapp封裝axios的詳細(xì)過程(大可不必那么麻煩)
在uniapp中使用axios進(jìn)行請求時,uniapp無法使用axios的適配器,下面這篇文章主要給大家介紹了關(guān)于uniapp封裝axios的詳細(xì)過程,需要的朋友可以參考下2022-10-10TypeScript?Typeof運(yùn)算符的5個實(shí)用技巧詳解
這篇文章主要為大家介紹了TypeScript?Typeof運(yùn)算符的5個實(shí)用技巧詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-10-10