js怎么跳转到指定页面？-木庄网络博客

本文摘自PHP中文网，作者青灯夜游，侵删。

跳转方法：1、使用“location.href="指定页面的URL";”语句跳转；2、使用“location.replace("指定页面的URL");”语句跳转；3、使用“location.assign("指定页面的URL");”语句跳转。

推荐教程：《JavaScript视频教程》

方法1：使用window.location.href方式进行跳转

该种方法可以直接跳转指定页面。

<script type="text/javascript">
window.location.href = "https://www.php.cn";
</script>

window可省略，可简写为：

1	`location.href="URL"`

方法2：使用window.loction.replace方式进行跳转

语法：

window.location.replace("url")
//可简写为
location.replace("url")

将地址替换成新 url，该方法通过指定 URL 替换当前缓存在历史里（客户端）的项目，因此当使用 replace 方法之后，你不能通过"前进"和"后退"来访问已经被替换的URL，这个特点对于做一些过渡页面非常有用！

示例

<script type="text/javascript">
window.location.replace("https://www.php.cn")
</script>

方法3：使用location.assign方式进行跳转

assign()方法加载一个新的文档。

语法：

1	`location.assign(URL)`

示例：

<script type="text/javascript">
window.location.assign("https://www.php.cn")
</script>

方法4：使用window.navigate方式进行跳转

语法：

1	`window.navigate("url");`

navigate对象包含有关浏览器的信息，也可以作为页面跳转，后面直接加要跳转的地方。

示例：

<script language="javascript">
window.navigate("b.html");
</script>

更多编程相关知识，请访问：编程入门！！

以上就是js怎么跳转到指定页面？的详细内容，更多文章请关注木庄网络博客！

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者