📅  最后修改于: 2023-12-03 14:42:39.142000             🧑  作者: Mango
在网页开发中,经常需要通过链接跳转到其他页面。JavaScript提供了多种方式来实现页面跳转,本文将介绍常用的几种方法。
可以通过直接改变window.location
属性来实现页面跳转:
window.location = "http://www.example.com";
此处将当前页面跳转到"www.example.com"网站。如果需要在本站内跳转到另一个页面,可以使用相对路径:
window.location = "/example.html";
location.assign()
方法能够实现页面跳转,作用与更改window.location
相同:
location.assign("http://www.example.com");
如果需要在本站内跳转到另一个页面,也可以使用相对路径:
location.assign("/example.html");
location.href
属性也可以用于实现页面跳转,改变此属性的值等同于使用window.location
或者location.assign()
方法:
location.href = "http://www.example.com";
如果需要在本站内跳转到另一个页面,也可以使用相对路径:
location.href = "/example.html";
使用location.replace()
方法可以实现页面重定向,与跳转的区别在于,重定向后不能通过“后退”按钮返回到原来的页面。同样,也可以使用绝对路径、相对路径等:
location.replace("http://www.example.com");
location.replace("/example.html");
注意:如果需要在前一个页面进行操作,且使用了location.replace()
方法,则该操作无法进行。
最后,也可以使用HTML中的<a>
标签来实现页面跳转。通过设置href
属性值,可以在当前页面中打开新的页面,也可以在新的标签页中打开。例如:
<a href="http://www.example.com">跳转到example.com</a>
<a href="/example.html" target="_blank">在新的标签页中打开example.html</a>
以上就是常用的几种JavaScript页面跳转的方法,希望对你有所帮助!