資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會學
服裝設計
法學如何使用JavaScript重定向到另一個網頁？
window.location 物件包含當前位置或 URL 資訊。我們可以使用此物件的屬性將使用者重定向到另一個網頁。window.location 可以不帶字首 window 編寫。
我們使用 window.location 物件的以下屬性將使用者重定向到另一個網頁：
window.location.href - 它返回當前頁面的 URL (href)。
window.location.replace() - 它用新文件替換當前文件。
window.location.assign() 載入新文件。
以下語法用於重定向到另一個網頁。在所有程式示例中，我們都省略了 window 字首，只使用 location。您可以嘗試使用全名（即 window.location）執行程式。
語法
location.href = "url";
location.replace("url");
location.assign("url");引數
url - 這是新網頁的 URL。
使用 location.href 重定向
window.location.href 屬性可用於重定向到另一個頁面。我們可以使用以下語法進行重定向：
Window.location.href = "url"; Location.href = "url"; location = "url";
上述語法彼此等效，您可以根據需要使用任何語法將使用者重定向到另一個網頁。
讓我們透過一個完整的示例來理解：
示例
在下面的示例中，我們使用 location.href 屬性將使用者重定向到另一個網頁 (www.tutorix.com)。
<html>
<head>
<script type="text/javascript">
function Redirect() {
location.href="https://www.tutorix.com";
}
</script>
</head>
<body>
<p>Click the following button to redirect to tutorix.com.</p>
<form>
<input type="button" value="Redirect Me" onclick="Redirect();" />
</form>
</body>
</html>輸出
執行上述程式時，將產生以下結果：
單擊“重定向我”按鈕後，將重定向到新網頁。
使用 location.replace() 方法重定向
location.replace(url) 方法可用於用從 url 載入的另一個網頁替換當前網頁。我們可以使用以下語法進行重定向：
Window.location.replace("url");
Location.replace("url")上面提到的兩種語法是等效的，我們可以根據需要使用任何一種語法將使用者重定向到另一個網頁。
讓我們透過一個完整的示例來理解：
示例
在下面的示例中，我們使用 location.replace(url) 方法將使用者重定向到另一個網頁 (www.tutorix.com)。
<html>
<head>
<script type="text/javascript">
function Redirect() {
location.replace("https://www.tutorix.com");
}
</script>
</head>
<body>
<p>Click the following button to redirect to tutorix.com.</p>
<form>
<input type="button" value="Redirect Me" onclick="Redirect();" />
</form>
</body>
</html>輸出
執行上述程式時，將產生以下結果：
單擊“重定向我”按鈕後，將重定向到新網頁。
使用 location.assign() 重定向
location.assign(url) 方法載入 url 中提供的資源。它可以用來重定向到另一個網頁。我們可以使用以下語法進行重定向：
Window.location.assign("url");
Location.assign("url")上面提到的兩種語法相同，我們可以根據需要使用任何一種語法重定向到另一個網頁。
示例
在下面的示例中，我們使用 location.assign(url) 方法將使用者重定向到另一個網頁 (https://www.totorix.com)。
<html>
<head>
<script type="text/javascript">
function Redirect() {
location.assign("https://www.tutorix.com");
}
</script>
</head>
<body>
<p>Click the following button to redirect to tutorix.com.</p>
<form>
<input type="button" value="Redirect Me" onclick="Redirect();" />
</form>
</body>
</html>輸出
執行上述程式時，將產生以下結果：
單擊“重定向我”按鈕後，將重定向到新網頁。
2萬+ 次瀏覽
