js跳转到指定页面 --附有代码-前端-阿习进阶博客

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

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

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

window可省略，可简写为：

location.href="https://www.yanxias.com";

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

语法：

window.location.replace("https://www.yanxias.com")

//可简写为一下代码将省略window

location.replace("https://www.yanxias.com")

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

示例

<script type="text/javascript">
    location.replace("https://www.yanxias.com")
</script>

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

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

语法：

location.assign("https://www.yanxias.com")

示例：

<script type="text/javascript">
    location.assign("https://www.yanxias.com")
</script>

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

语法：

window.navigate("https://www.yanxias.com");

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

示例：

<script language="javascript">
    window.navigate("https://www.yanxias.com");
</script>

我记得vue中的navigateto类似

本文来自阿习进阶博客，如若转载，请注明出处：https://yanxias.com

js跳转到指定页面 --附有代码