JavaScript常見打開鏈接的幾種方法小結(jié)
更新時(shí)間：2024年01月16日 08:24:54 作者：狗狗的天
在頁面中的鏈接除了常規(guī)的方式以外,如果使用javascript,還有很多種方式,下面這篇文章主要給大家介紹了關(guān)于JavaScript常見打開鏈接的幾種方法,需要的朋友可以參考下
使用window.location.href:
window.location.;
這會(huì)將頁面重定向到指定的URL。
使用window.location.replace:
window.location.replace("https://www.example.com");
這也會(huì)將頁面重定向到指定的URL，但與window.location.href不同的是，它不會(huì)在瀏覽器的歷史記錄中創(chuàng)建新的記錄，因此用戶不能通過返回按鈕返回上一頁。
使用window.location.assign:
window.location.assign("https://www.example.com");
這也會(huì)將頁面重定向到指定的URL，并在瀏覽器的歷史記錄中創(chuàng)建一個(gè)新的記錄，允許用戶通過返回按鈕返回上一頁。
使用window.location.replace 或 window.location.assign 時(shí)，你也可以使用相對(duì)路徑來跳轉(zhuǎn)到當(dāng)前域內(nèi)的其他頁面，例如:
window.location.replace("/subdirectory/page.html");
或者
window.location.assign("/subdirectory/page.html");
使用window.open:
window.open("https://www.example.com", "_blank");
這將在一個(gè)新的瀏覽器窗口或標(biāo)簽頁中打開指定的URL。
使用超鏈接:
你也可以在HTML中使用超鏈接來實(shí)現(xiàn)頁面跳轉(zhuǎn):
<a rel="external nofollow" >Click here to go to Example</a>
或者使用相對(duì)路徑:
<a href="/subdirectory/page.html" rel="external nofollow" >Click here to go to a page in the same dom</a>
總結(jié)
到此這篇關(guān)于JavaScript常見打開鏈接的幾種方法小結(jié)的文章就介紹到這了,更多相關(guān)js打開鏈接方法內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
jscript之Open an Excel Spreadsheet
jscript之Open an Excel Spreadsheet...2007-06-06
JavaScript實(shí)現(xiàn)生成隨機(jī)密碼的示例詳解
使用JavaScript我們可以輕松地在客戶端生成隨機(jī)密碼,本文我們將實(shí)現(xiàn)一個(gè)簡單的隨機(jī)密碼生成器,能夠生成指定長度和包含特定字符集的密碼,有需要的可以參考下2024-01-01
JavaScript 監(jiān)聽組合按鍵思路及代碼實(shí)現(xiàn)
這篇文章主要介紹了JavaScript 監(jiān)聽組合按鍵思路及代碼實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
Bootstrap table學(xué)習(xí)筆記（2） 前后端分頁模糊查詢
這篇文章主要為大家分享了Bootstrap table學(xué)習(xí)筆記，前后端分頁模糊查詢，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
使用JavaScript遞歸函數(shù)封裝一個(gè)超級(jí)實(shí)用的轉(zhuǎn)換場(chǎng)景
這篇文章主要為大家詳細(xì)介紹了如何使用JavaScript遞歸函數(shù)封裝一個(gè)超級(jí)實(shí)用的轉(zhuǎn)換場(chǎng)景,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以了解下2024-11-11
事件機(jī)制是幾乎所有開發(fā)語言都有的機(jī)制，并不是deviceone的獨(dú)創(chuàng)，在某些語言稱之為消息(Event),有些地方稱之為(Message).接下來通過本文給大家介紹JS事件機(jī)制的理解 ，需要的朋友一起學(xué)習(xí)吧2023-04-04
uniapp小視頻項(xiàng)目開發(fā)之滑動(dòng)播放視頻
最近在工作中遇到了一個(gè)視頻播放的需求,所以下面這篇文章主要給大家介紹了關(guān)于uniapp小視頻項(xiàng)目開發(fā)之滑動(dòng)播放視頻的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-04-04
js實(shí)現(xiàn)iframe跨頁面調(diào)用函數(shù)的方法
這篇文章主要介紹了js實(shí)現(xiàn)iframe跨頁面調(diào)用函數(shù)的方法,實(shí)例展示了iframe中父頁面調(diào)用子頁面和子頁面調(diào)用父頁面的實(shí)現(xiàn)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2014-12-12
JavaScript實(shí)現(xiàn)div的鼠標(biāo)拖拽效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)div的鼠標(biāo)拖拽效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-11-11
一個(gè)模塊就是實(shí)現(xiàn)特定功能的文件，有了模塊，我們就可以更方便地使用別人的代碼，想要什么功能，就加載什么模塊。模塊開發(fā)需要遵循一定的規(guī)范，否則就都亂套了2016-12-12