JavaScript 重定向URL

先决条件：

学习基础HTML
学习基础Javascript

在Javascript中，重定向URL就是将用户从一个URL发送到另一个URL。使用window.location函数进行URL重定向。

重定向到URL的Javascript代码：

代码 #1:

<!DOCTYPE html> 
<html> 
<head> 
    <title>Redirect url in Javascript</title> 
</head> 
<body> 
<script> 
    var url= "https://www.geeksforgeeks.org"; 
    window.location = url; 
</script> 
</body> 
</html>

输出：

JavaScript 重定向URL

代码2：

下面的代码接受用户的输入URL，并通过getElementById()将URL存储在一个变量中，然后使用window.location将页面转到该URL。

<!DOCTYPE html> 
<html> 
<head> 
    <title>Redirect url in Javascript</title> 
</head> 
<body> 
<input id = "url" type = "text" name = "url" 
                        placeholder = "Enter a url here"> 
<input type = "submit" name = "button" onclick = "fun()"> 
<script> 
function fun() { 
    var url= document.getElementById("url").value; 
    document.write("Redirecting to the url in 3 seconds..."); 
    setTimeout(function(){window.location = url;}, 3000); 
} 
</script> 
</body> 
</html>

输出:

JavaScript 重定向URL
首先是这个输出，如果把链接（https://www.geeksforgeeks.org/）放到框里面，它会重定向到GeeksforGeeks的主页，显示如下所示。