JavaScript來(lái)實(shí)現(xiàn)打開(kāi)鏈接頁(yè)面的簡(jiǎn)單實(shí)例
在頁(yè)面中的鏈接除了常規(guī)的方式以外，如果使用javascript，還有很多種方式，下面是一些使用javascript，打開(kāi)鏈接的幾種方式：
1.使用window的open方法打開(kāi)鏈接，這里可是在制定頁(yè)面中打開(kāi)鏈接，也可以定制打開(kāi)頁(yè)面的尺寸等等。
<a href=”javascript:window.open(‘http://www.dbjr.com.cn','_self') “> open a link 1</a><br/>
2.使用document.URL屬性來(lái)打來(lái)新的頁(yè)面。不夠這種方法似乎在firefox中不起作用。
<a href=”javascript:document.URL = ‘http://www.dbjr.com.cn' “> open a link 2</a><br/>
3.使用location的屬性href來(lái)打開(kāi)鏈接。
<a href=”javascript:window.location.href='http://www.dbjr.com.cn'”> open a link 3 </a><br/>
4.使用location的方法assign來(lái)打開(kāi)鏈接，這個(gè)效果和前面一種方式一樣。
<a href=”javascript:window.location.assign(‘http://www.dbjr.com.cn')”> open a link 4</a><br/>
5.使用location的方法replace來(lái)打開(kāi)鏈接，和前面的assign方式稍有不同，其不同之處在于，使用replace時(shí)被替代掉的頁(yè)面的URL將不會(huì)進(jìn)入history對(duì)象中，也就是說(shuō)無(wú)法通過(guò)后退的方式來(lái)回到被替換的頁(yè)面。
<a href=”javascript:window.location.replace(‘http://www.dbjr.com.cn')”> open a link 5</a><br/>
6.正常的鏈接,當(dāng)然這才是對(duì)搜索引擎最為友好的方式，也可以做指定鏈接打開(kāi)的窗口。只有這樣才能使被鏈接的頁(yè)面被搜索引擎的蜘蛛所有抓取。
<a href=”http://www.dbjr.com.cn”> open a link 5</a><br/>
以上這篇JavaScript來(lái)實(shí)現(xiàn)打開(kāi)鏈接頁(yè)面的簡(jiǎn)單實(shí)例就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了原生js編寫(xiě)基于面向?qū)ο蟮姆猪?yè)組件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
JS實(shí)現(xiàn)求字符串中出現(xiàn)最多次數(shù)的字符和次數(shù)示例
這篇文章主要介紹了JS實(shí)現(xiàn)求字符串中出現(xiàn)最多次數(shù)的字符和次數(shù),涉及javascript針對(duì)字符串的遍歷、統(tǒng)計(jì)、計(jì)算等相關(guān)操作技巧,需要的朋友可以參考下2019-07-07
JS仿Windows開(kāi)機(jī)啟動(dòng)Loading進(jìn)度條的方法
這篇文章主要介紹了JS仿Windows開(kāi)機(jī)啟動(dòng)Loading進(jìn)度條的方法,實(shí)例分析了javascript操作html元素及對(duì)應(yīng)樣式實(shí)現(xiàn)特效的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了Bootstrap被封裝的彈層 的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-07-07
本文主要分享了javascript實(shí)現(xiàn)淡入淡出輪播切換功能的示例代碼。具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-01-01
這篇文章主要介紹了javascript如何返回字符串的所有排列問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-01-01
這篇文章主要給大家介紹了d3.js中強(qiáng)制異步文件讀取同步的幾種方法，文中給出了詳細(xì)的介紹和解決方法，對(duì)大家具有一定的參考價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2017-02-02
http頭部字段Origin和Access-Control-Allow-Origin解決請(qǐng)求跨域
這篇文章主要為大家介紹了http頭部字段Origin和Access-Control-Allow-Origin解決請(qǐng)求跨域示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-06-06
uniapp實(shí)現(xiàn)人臉識(shí)別功能詳細(xì)示例
這次使用uni-app框架開(kāi)發(fā)一個(gè)小程序,有一個(gè)刷臉功能,所以下面這篇文章主要給大家介紹了關(guān)于uniapp實(shí)現(xiàn)人臉識(shí)別功能的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-10-10
這篇文章主要為大家詳細(xì)介紹了H5上傳本地圖片并預(yù)覽的實(shí)現(xiàn)代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05