目录
- 1.location.href
- 2.location.assign()
- 3.window.open()
- 4.location.replace()
- 5.document.URL
- 6.history.go（）
前言：
当我们用到Javascript的时候跳转页面是必不可少的，今天介绍几种常见的跳转页面方法。
1.location.href
简介 : 跳转到指定的 URL 地址
location.href = "world.html"
效果如下 :
2.location.assign()
简介 : 同样可以实现页面跳转
location.assign("world.html")
效果如下 :
3.window.open()
简介 : 通过当前页面打开一个新页面
window.open("world.html")
当前页面 :
新页面：
4.location.replace()
简介：替换当前页面
location.replace("world.html")
5.document.URL
简介：document.URL 是只读的，用于返回当前文档的 URL 地址。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript">
function fun1(){
alert(document.URL);
}
</script>
</head>
<body>
<input type="button" value="点我" onclick="fun1()">
</body>
</html>
效果如下：
6.history.go（）
简介：使用history.go()方法可以跳转到指定的历史记录索引。负数表示后退，正数表示前进。
<script>
// 后退一步
history.go(-1);
// 前进一步
history.go(1);
</script>
总结：
看个人需求使用不同的跳转页面方法能达到不一样的效果！
![[Javaweb/LayUI/上机考试作业/开源]学生/图书/课程/仓库等管理系统六合一基础功能通用模板](https://img-blog.csdnimg.cn/direct/1949ab3e3b774663bda45eedacfb5353.jpeg)
![[足式机器人]Part2 Dr. CAN学习笔记-动态系统建模与分析 Ch02-4 拉普拉斯变换（Laplace）传递函数、微分方程](https://img-blog.csdnimg.cn/direct/505eb9c10e82445dbc91f8169ffe0ebd.png#pic_center)
