js 跳转链接的几种方式

Posted 阿玛度の博客

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js 跳转链接的几种方式相关的知识,希望对你有一定的参考价值。

 

1、跳转链接 在当前窗口打开

window.location.href="http://www.baidu.com"  等价于 <a href="baidu.com" target="_self">go baidu</a>  

  

2、跳转链接 在新窗口打开

window.open("http://www.baidu.com")  等价于 <a href="baidu.com" target="_blank">go baidu</a>

  

 3、跳转链接 返回上一页

window.history.back(-1);

 

  4、跳转链接 

self.location.href="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";
}

 转载: https://www.cnblogs.com/THONLY/p/7246127.html

以上是关于js 跳转链接的几种方式的主要内容,如果未能解决你的问题,请参考以下文章

js页面跳转常用的几种方式(转)

js页面跳转常用的几种方式

js页面跳转常用的几种方式

js页面跳转常用的几种方式_javascript技巧

a标签调用js的几种方法

a标签调用js的几种方法