在JavaScript中有好幾種方法可以重定向到另一個(gè)網(wǎng)頁(yè)，下面本篇文章就來(lái)給大家介紹一些使用JavaScript重定向到另一個(gè)網(wǎng)頁(yè)的方法，希望對(duì)大家有所幫助。
如何使用JavaScript重定向到其他網(wǎng)頁(yè)？
使用JavaScript重定向到其他網(wǎng)頁(yè)的一些方法：
● location.href
● location.replace()
● location.assign()
語(yǔ)法：
location.href="URL"
//或者
location.replace("URL")
//或者
location.assign("URL")
參數(shù)：接受單個(gè)參數(shù)的URL，這是必需的。用于指定新網(wǎng)頁(yè)的引用。
返回值：無(wú)返回值。
示例1：使用location.href屬性重定向到其他網(wǎng)頁(yè)
<!DOCTYPE html>
<html>
? ? <head>
<meta charset="UTF-8">
? ? </head>
? ? <body>
? ? ? <p>這是<i>location.href</i>方式的示例</p>
? ? ? <button onclick="myFunc()">點(diǎn)擊這里</button>
? ? ? <!--重定向到其他網(wǎng)頁(yè)的腳本-->?
? ? ? <script>
? ? ? ? function myFunc() {
? ? ? ? ? window.location.;
? ? ? ? }
? ? ? </script>
? </body>
</html>
效果圖：
示例2：使用location.replace()方法重定向到其他網(wǎng)頁(yè)
<!DOCTYPE html>
<html>
? ? <head>
<meta charset="UTF-8">
? ? </head>
? ? <body>
? ? ? <p>這是<i>location.replace()</i>方式的示例</p>
? ? ? <button onclick="myFunc()">點(diǎn)擊這里</button>
? ? ? <!--重定向到其他網(wǎng)頁(yè)的腳本-->?
? ? ? <script>
? ? ? ? function myFunc() {
? ? ? ? ? location.replace("https://www.html.cn");
? ? ? ? }
? ? ? </script>
? </body>
</html>
效果圖：
示例3：使用location.assign()方法重定向到其他網(wǎng)頁(yè)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
? ? </head>
? ? <body>
? ? ? <p>這是<i>location.assign()</i>方式的示例</p>
? ? ? <button onclick="myFunc()">點(diǎn)擊這里</button>
? ? ? <!--重定向到其他網(wǎng)頁(yè)的腳本-->?
? ? ? <script>
? ? ? ? function myFunc() {
? ? ? ? ? location.assign("https://www.html.cn");
? ? ? ? }
? ? ? </script>
? </body>
</html>
效果圖：
注意：所有方法的輸出都相同，但location.replace()方法從文檔歷史記錄中刪除當(dāng)前文檔的URL。因此，如果希望選項(xiàng)導(dǎo)航回原始文檔，最好使用location.assign()方法。
瀏覽器支持
上述方法的瀏覽器支持列表：
● Google Chrome
● Apple Safari
● Firefox
● Opera
● Edge
