js实现页面跳转链接的几种方式

1、在当前窗口打开

window.location.href="http://www.baidu.com"

// 等价于

跳转到百度

2、在新窗口打开

window.open("http://www.baidu.com")

// 等价于

跳转到百度

3、返回上一页

window.history.back(-1)

4、跳转链接

self.location.href="http://www.baidu.com"

self 指代当前窗口对象，属于window 最上层的对象。

location.href // 指的是某window对象的url的地址

self.location.href // 指当前窗口的url地址，去掉self默认为当前窗口的url地址，一般用于防止外部的引用

top.location.href // 为引用test.html页面url的父窗口对象的url

如果你的网页地址是:http://www.a.com，别人的是http://www.b.com, 他在他的页面用iframe等框架引用你的http://www.a.com,那么你可以用:

if(top.location.href!=self.location.href){

location.href="http://www.a.com";

}

来转向你的页面,top指代的是主体窗口,这里top.location.href返回http://www.b.com;

下面简单总结了几种页面跳转功能的实现

第一种：使用JS跳转页面

1）跳转带参

2）跳转无参

第二种：返回上一次预览界面

HTML页面嵌套

返回上一步

">返回上一步

第三种：button按钮添加事件跳转

第四种：在新窗口打开

新窗口

第五种：通过meta设置跳转页面

参考文章

评论可见，请评论后查看内容，谢谢！！！
 您阅读本篇文章共花了：