JavaScript常見(jiàn)打開鏈接的幾種方法小結(jié)
更新時(shí)間：2024年01月16日 08:24:54 作者：狗狗的天
在頁(yè)面中的鏈接除了常規(guī)的方式以外,如果使用javascript,還有很多種方式,下面這篇文章主要給大家介紹了關(guān)于JavaScript常見(jiàn)打開鏈接的幾種方法,需要的朋友可以參考下
使用window.location.href:
window.location.;
這會(huì)將頁(yè)面重定向到指定的URL。
使用window.location.replace:
window.location.replace("https://www.example.com");
這也會(huì)將頁(yè)面重定向到指定的URL，但與window.location.href不同的是，它不會(huì)在瀏覽器的歷史記錄中創(chuàng)建新的記錄，因此用戶不能通過(guò)返回按鈕返回上一頁(yè)。
使用window.location.assign:
window.location.assign("https://www.example.com");
這也會(huì)將頁(yè)面重定向到指定的URL，并在瀏覽器的歷史記錄中創(chuàng)建一個(gè)新的記錄，允許用戶通過(guò)返回按鈕返回上一頁(yè)。
使用window.location.replace 或 window.location.assign 時(shí)，你也可以使用相對(duì)路徑來(lái)跳轉(zhuǎn)到當(dāng)前域內(nèi)的其他頁(yè)面，例如:
window.location.replace("/subdirectory/page.html");
或者
window.location.assign("/subdirectory/page.html");
使用window.open:
window.open("https://www.example.com", "_blank");
這將在一個(gè)新的瀏覽器窗口或標(biāo)簽頁(yè)中打開指定的URL。
使用超鏈接:
你也可以在HTML中使用超鏈接來(lái)實(shí)現(xiàn)頁(yè)面跳轉(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àn)打開鏈接的幾種方法小結(jié)的文章就介紹到這了,更多相關(guān)js打開鏈接方法內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
vue 集成騰訊地圖實(shí)現(xiàn)api(附DEMO)
之前項(xiàng)目使用騰訊地圖，不利于開發(fā)者查找，這篇文章主要介紹了vue 集成騰訊地圖實(shí)現(xiàn)api，具有一定的參考價(jià)值，感興趣的可以了解下2021-07-07
本篇文章主要介紹了babel之配置文件.babelrc入門詳解，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-02-02
JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)購(gòu)物車
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)購(gòu)物車，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-06-06
這篇文章主要介紹了javascript變量聲明,實(shí)例分析了javascript變量聲明的相關(guān)使用技巧,需要的朋友可以參考下2015-04-04
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)圖片壓縮功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-01-01
一鍵回頂功能想必大家在瀏覽網(wǎng)頁(yè)時(shí)會(huì)經(jīng)常遇到吧，實(shí)現(xiàn)的方法也有很多，在本文為大家介紹下js是如何實(shí)現(xiàn)的，感興趣的朋友可以參考下2013-10-10
今天把項(xiàng)目生成好后，發(fā)布到萬(wàn)維網(wǎng)上進(jìn)行測(cè)試，發(fā)現(xiàn)table的隔行換色在IE8，chorem中不能正常顯示。找了許多資料，CSS看樣是不能解決，只能用JS來(lái)控制了2010-07-07
JavaScript手寫源碼之實(shí)現(xiàn)arrify轉(zhuǎn)數(shù)組
這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript實(shí)現(xiàn)arrify轉(zhuǎn)數(shù)組，文中的示例代碼講解詳細(xì)，對(duì)我們學(xué)習(xí)JavaScript有一點(diǎn)的幫助，需要的可以參考一下2023-02-02
解決iframe嵌套第三方網(wǎng)址不能訪問(wèn)的各種報(bào)錯(cuò)
在一些場(chǎng)景下,我們的網(wǎng)站需要通過(guò)iframe標(biāo)簽嵌入第三方廠家的頁(yè)面,這時(shí)候就得通過(guò)iframe標(biāo)簽去引入需要嵌入網(wǎng)頁(yè)的網(wǎng)址了,這篇文章主要給大家介紹了關(guān)于解決iframe嵌套第三方網(wǎng)址不能訪問(wèn)的各種報(bào)錯(cuò),需要的朋友可以參考下2024-09-09
JS實(shí)現(xiàn)選項(xiàng)卡插件的兩種寫法（jQuery和class）
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)選項(xiàng)卡插件的兩種寫法：jQuery和class，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-12-12