js跳转页面几种方法总结

JavaScript025

js跳转页面几种方法总结,第1张

js为我们提供了大量的跳转页面的命令了 下面我来给大家总结一些常用的js跳转页面方法 希望各位同学有所帮助

第一种

代码如下

window location

第二种 跳到前一个历史记录

代码如下

window history back( )

第三种

代码如下

window navigate(“

第四种

代码如下

self location=’

第五种

代码如下

top location=’

第六种

代码如下

window open(pageURL name parameters)

window open("alwaysraised " "_blank" "alwaysRaised")

第七种

代码如下

lishixinzhi/Article/program/Java/JSP/201311/19856

下面是一种方式点击提示框跳转到页面的方法,供你参考,希望有帮助你!

<!doctype html>

2 <html lang="en">

3 <head>

4 <meta charset="UTF-8">

5 <title>Document</title>

6 </head>

7 <body>

8 <script>

9 window.onload = function(){//设置当页面加载时执行

10 var btn =document.getElementsByTagName("button")[0] //获取btn元素

11 btn.onclick = function(){//给button加上一个点击事件

12 var answer = confirm("是否想游览ziksang博客园") //把确认框赋值给answer

13 if(answer)//判断是否点击确定

14 window.location ="http://www.cnblogs.com/Ziksang/" //确定的话游览器自身跳转

15 }

16

17 }

18 </script>

19<button>点击跳转</button>

20 </body>

21 </html>

平常页面跳转可以使用在html中写a标签及跳转地址实现

这种方式的好处在于直观、方便,但是缺点在于页面会出现刷新的情况,可以使用禁用浏览器的默认事件来防止。

也可以使用js控制页面跳转

在html中 为某个标签添加点击事件

在js中 可以使用如下方法来跳转页面