js和jquery实现页面跳转的几种方式

js跳转方式

1、在原有的页面跳转

window.location.href='b.html'

2、在原有的页面返回上一个页面

window.history.back(-1)

3、在原有的页面跳转到b页面(只适用于ie)

window.navigate('b.html')

4、跳转到b页面

self.location.href='b.html'

从字面上就可以理解到 window 指的是当前窗口 而 self 指的是自己 在HTML 中 由于页面可以镶嵌页面 所以这2个就有了 区别 比如说 我有个页面A.HTML 里面嵌套了一个B.HTML 在A中使用 window.location 跳转 就把整个 页面跳转了 而在 A中镶嵌B页面的位置 使用了 self跳转 就只是把B界面跳转了 A页面其他地方没有变化。

5、在顶层页面打开b页面

top.location.href='b.html'

如果一个页面嵌套了多个html,那么top.location.href的作用是在最外层页面打开b页面

6、在另外新建窗口中打开窗口

window.open("b.html");  

Jquery跳转方式

1.我们可以利用http的重定向来跳转

window.location.replace("b.html");

2.使用href来跳转

window.location.href = "b.html";

3.使用jQuery的属性替换方法

$(location).attr('href', 'b.html');

$(window).attr('location','b.html');

$(location).prop('href', 'b.html')
发布了30 篇原创文章 · 获赞 23 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/qq_41716624/article/details/93465103