使用JavaScript(简写js)跳转页面的几种方法

目录

  • 1.location.href
  • 2.location.assign()
  • 3.window.open()
  • 4.location.replace()
  • 5.document.URL

前言:
当我们用到Javascript的时候跳转页面是必不可少的,今天介绍几种常见的跳转页面方法。

1.location.href

简介 : 跳转到指定的 URL 地址

location.href = "world.html"

效果如下 :
使用JavaScript(简写js)跳转页面的几种方法_第1张图片

2.location.assign()

简介 : 同样可以实现页面跳转

location.assign("world.html")

效果如下 :
使用JavaScript(简写js)跳转页面的几种方法_第2张图片

3.window.open()

简介 : 通过当前页面打开一个新页面

window.open("world.html")

当前页面 :
使用JavaScript(简写js)跳转页面的几种方法_第3张图片
新页面:
使用JavaScript(简写js)跳转页面的几种方法_第4张图片

4.location.replace()

简介:替换当前页面

location.replace("world.html")

使用JavaScript(简写js)跳转页面的几种方法_第5张图片

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>

效果如下:
使用JavaScript(简写js)跳转页面的几种方法_第6张图片
总结:
看个人需求使用不同的跳转页面方法能达到不一样的效果!

你可能感兴趣的:(javascript,开发语言,ecmascript,经验分享,前端)