Javascript控制頁(yè)面鏈接在新窗口打開(kāi)具體方法
更新時(shí)間：2013年08月16日 15:12:58 作者：
今天看一個(gè)朋友說(shuō)不在A標(biāo)題中加打開(kāi)窗口形式要怎么讓頁(yè)面中所有頁(yè)面在新頁(yè)面打開(kāi)，后來(lái)我找了幾種比較實(shí)用辦法，個(gè)人最喜歡的是最后一種方法哦
第一個(gè)方法就是用jquery實(shí)現(xiàn)，原理是這樣的先找到站點(diǎn)中的外部鏈接，然后再給鏈接加上target=_blank”屬性就搞定了，代碼如下：
jquery在新窗口打開(kāi)
$("a[href*='http://']:not([href*='"+location.hostname+"']),[href*='https://']:not([href*='"+location.hostname+"'])")
.addClass("external")
.attr("target","_blank");
js在新窗口打開(kāi)
var aTag = document.getElementsByTagName('a');
for(i in aTag){
aTag[i].target='_blank';
}
html方法
在頁(yè)面最新面加上
代碼如下復(fù)制代碼 <base target='_blank' />
就可以全部頁(yè)面在新窗口打開(kāi)
jquery在新窗口打開(kāi)
復(fù)制代碼 代碼如下:
$("a[href*='http://']:not([href*='"+location.hostname+"']),[href*='https://']:not([href*='"+location.hostname+"'])")
.addClass("external")
.attr("target","_blank");
js在新窗口打開(kāi)
復(fù)制代碼 代碼如下:
var aTag = document.getElementsByTagName('a');
for(i in aTag){
aTag[i].target='_blank';
}
html方法
在頁(yè)面最新面加上
代碼如下復(fù)制代碼 <base target='_blank' />
就可以全部頁(yè)面在新窗口打開(kāi)
相關(guān)文章
JavaScript實(shí)現(xiàn)向OL列表內(nèi)動(dòng)態(tài)添加LI元素的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)向OL列表內(nèi)動(dòng)態(tài)添加LI元素的方法,實(shí)例分析了javascript操作html元素的技巧,需要的朋友可以參考下2015-03-03
window.open以post方式將內(nèi)容提交到新窗口
最近在做web項(xiàng)目，碰到需要跨頁(yè)面?zhèn)鬟f參數(shù)的功能，就是那種需要把當(dāng)前頁(yè)面的內(nèi)容帶到新開(kāi)的子窗體中，以前的做法是傳一個(gè)id過(guò)去，然后在新窗口中去讀數(shù)據(jù)庫(kù)的內(nèi)容;比較有意思的是直接通過(guò)調(diào)用form的submit方法不能觸發(fā)onsubmit事件，查看了幫助文檔，必須手動(dòng)的觸發(fā)，否則只能看到頁(yè)面刷新而沒(méi)有打開(kāi)新窗口2012-12-12
JavaScript函數(shù)的特性與應(yīng)用實(shí)踐深入詳解
這篇文章主要介紹了JavaScript函數(shù)的特性與應(yīng)用實(shí)踐,結(jié)合實(shí)例形式較為深入的分析了javascript函數(shù)相關(guān)概念、特性、用法及操作注意事項(xiàng),需要的朋友可以參考下2018-12-12
AngularJS+Bootstrap實(shí)現(xiàn)多文件上傳與管理
這篇文章主要為大家詳細(xì)介紹了AngularJS+Bootstrap實(shí)現(xiàn)多文件上傳與管理，對(duì)上傳文件進(jìn)行加載與刪除操作,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
javascript中SetInterval與setTimeout的定時(shí)器用法
Javascript的setTimeOut和setInterval函數(shù)應(yīng)用非常廣泛，它們都用來(lái)處理延時(shí)和定時(shí)任務(wù)，比如打開(kāi)網(wǎng)頁(yè)一段時(shí)間后彈出一個(gè)登錄框，頁(yè)面每隔一段時(shí)間發(fā)送異步請(qǐng)求獲取最新數(shù)據(jù)等，本文文章通過(guò)代碼示例給大家介紹javascript中SetInterval與setTimeout的定時(shí)器用法2015-08-08
用js實(shí)現(xiàn)多域名不同文件的調(diào)用方法
用js實(shí)現(xiàn)多域名不同文件的調(diào)用方法...2007-01-01
childNodes.length與children.length的區(qū)別
childNodes.length與children.length的值常不一樣。2009-05-05
JS簡(jiǎn)單判斷滾動(dòng)條的滾動(dòng)方向?qū)崿F(xiàn)方法
這篇文章主要介紹了JS簡(jiǎn)單判斷滾動(dòng)條的滾動(dòng)方向?qū)崿F(xiàn)方法,涉及javascript針對(duì)scrollTop事件的相關(guān)操作技巧,需要的朋友可以參考下2017-04-04
這篇文章主要為大家詳細(xì)介紹了Echarts實(shí)現(xiàn)多條折線可拖拽效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-12-12
JS實(shí)現(xiàn)的合并兩個(gè)有序鏈表算法示例
這篇文章主要介紹了JS實(shí)現(xiàn)的合并兩個(gè)有序鏈表算法,結(jié)合實(shí)例形式分析了JavaScript鏈表的定義、節(jié)點(diǎn)插入、刪除、查找等相關(guān)算法實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-02-02