Home > Article > Web Front-end > How to implement page jump in javascript
js page jump method: 1. Use "location.href="URL""; 2. Use "location.replace("URL")"; 3. Use "location.assign("URL" )"; 4. Use "window.open("URL")".
The operating environment of this tutorial: windows7 system, javascript version 1.8.5, Dell G3 computer.
How to implement page jump using JavaScript:
1. Use the location.href attribute to jump to other web pages
Syntax:
location.href="URL";
Example:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<p>这是<i>location.href</i>方式的示例</p>
<button onclick="myFunc()">点击这里</button>
<!--重定向到其他网页的脚本-->
<script>
function myFunc() {
window.location.href="//m.sbmmt.com";
}
</script>
</body>
</html>2. Use the location.replace() method to jump to other web pages
Grammar:
location.replace("URL");Example:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<p>这是<i>location.replace()</i>方式的示例</p>
<button onclick="myFunc()">点击这里</button>
<!--重定向到其他网页的脚本-->
<script>
function myFunc() {
location.replace("//m.sbmmt.com");
}
</script>
</body>
</html>[Recommended learning: javascript advanced tutorial]
3. Use location.assign () method to jump to other web pages
Syntax:
location.assign("URL")Example:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<p>这是<i>location.assign()</i>方式的示例</p>
<button onclick="myFunc()">点击这里</button>
<!--重定向到其他网页的脚本-->
<script>
function myFunc() {
location.assign("//m.sbmmt.com");
}
</script>
</body>
</html>4. Use the window.open() method to jump to Other web pages
Grammar:
window.open("URL");Example:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<p>这是<i>window.open()</i>方式的示例</p>
<button onclick="myFunc()">点击这里</button>
<!--重定向到其他网页的脚本-->
<script>
function myFunc() {
window.open("//m.sbmmt.com");
}
</script>
</body>
</html>For more programming-related knowledge, please visit: Programming Video! !
The above is the detailed content of How to implement page jump in javascript. For more information, please follow other related articles on the PHP Chinese website!