1. 通过_window.location.href实现页面跳转
在HTML中，我们可以通过点击<button></button>标签来实现页面的跳转，如果我们想要在当前页面中跳转到指定页面，可以通过JavaScript中的_window.location.href方法来实现。
1.1 基本语法
如下面的代码段所示，我们可以在onclick事件中调用_window.location.href方法来实现跳转：
<button onclick=_window.location.href='URL'">跳转</button>其中URL是你想要跳转的页面的URL地址。
1.2 示例代码
下面是一个简单的示例代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>通过_window.location.href实现页面跳转</title>
</head>
<body>
<h1>跳转前</h1>
<button onclick=_window.location.href='https://www.baidu.com/'">跳转到百度</button>
<h1>跳转后</h1>
</body>
</html>
点击示例中的按钮即可跳转到百度页面。
2. 通过location.replace实现页面跳转
除了可以通过_window.location.href方法跳转页面外，我们还可以通过location.replace方法来实现页面的跳转。与_window.location.href方法不同的是，location.replace方法不会在浏览器的历史记录中留下任何记录，因此用户点击浏览器的返回按钮时不会返回到曾经的页面，而是直接回到上一个页面。
2.1 基本语法
如下面的代码所示，我们可以在onclick事件中调用location.replace方法来实现跳转：
<button onclick=location.replace('URL')">跳转</button>
2.2 示例代码
下面是一个使用location.replace方法实现页面跳转的示例代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>通过location.replace实现页面跳转</title>
</head>
<body>
<h1>跳转前</h1>
<button onclick=location.replace('https://www.baidu.com/')">跳转到百度</button>
<h1>跳转后</h1>
</body>
</html>
点击示例中的按钮即可跳转到百度页面。
3. 通过location.assign实现页面跳转
除了在onclick事件中直接调用_window.location.href或location.replace方法来实现页面跳转外，我们还可以使用location.assign方法实现页面跳转。与_window.location.href方法类似，通过location.assign方法实现跳转时，浏览器将会记录该页面的访问，用户可以通过浏览器的返回按钮返回到曾经的页面。
3.1 基本语法
如下面的代码所示，我们可以在onclick事件中调用location.assign方法来实现跳转：
<button onclick=location.assign('URL')">跳转</button>
3.2 示例代码
下面是一个使用location.assign方法实现页面跳转的示例代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>通过location.assign实现页面跳转</title>
</head>
<body>
<h1>跳转前</h1>
<button onclick=location.assign('https://www.baidu.com/')">跳转到百度</button>
<h1>跳转后</h1>
</body>
</html>
点击示例中的按钮即可跳转到百度页面。