js 控制页面跳转的5种方法
当我们在网页应用程序中使用 JavaScript 时,经常需要通过编程的方式来控制跳转到另一个网页。下面是 5 种 JavaScript 控制页面跳转的方法的攻略。
1. 使用 window.location 属性
可以使用 window.location 属性跳转到新的页面。它表示当前页面的 URL,并允许您更改 URL 来跳转到另一个页面。例如,下面的代码将页面跳转到 "http://www.baidu.com":
window.location.href = "http://www.baidu.com";2. 使用 window.location.replace() 方法
类似于 window.location.href,window.location.replace() 方法也可以用来跳转到新的页面。不同的是,它不允许用户返回原来的页面,除非用户从浏览器历史记录中手动返回。例如:
window.location.replace("http://www.baidu.com");3. 使用 window.location.assign() 方法
和 window.location.href 很相似,window.location.assign() 方法也可以用来跳转到新的页面。例如:
window.location.assign("http://www.baidu.com");4. 使用 location.reload() 方法
如果您想在用户单击按钮或执行其他操作后重新加载页面,可以使用 location.reload() 方法。它会重新加载页面,并且可以选择是否从服务器重新加载页面。例如:
location.reload(); // 重新加载页面location.reload(true); // 强制从服务器重新加载页面5. 使用 a 标签
也可以使用 a 标签来控制页面的跳转。只需为 a 标签设置 href 属性,就可以让浏览器自动跳转到该页面。例如:
<a href="http://www.baidu.com">跳转到百度</a>