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