js 跳轉連結的幾種方式
阿新 • • 發佈:2020-09-01
js 跳轉連結的幾種方式
1、跳轉連結 在當前視窗開啟
1 window.location.href="http://www.baidu.com" 等價於 <a href="baidu.com" target="_self">go baidu</a>
2、跳轉連結 在新視窗開啟
1 window.open("http://www.baidu.com") 等價於 <a href="baidu.com" target="_blank">go baidu</a>
3、跳轉連結 返回上一頁
1 window.history.back(-1);
4、跳轉連結
1 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 ,那麼你可以用:
1 if(top.location.href!=self.location.href){
2 location.href="http://www.a.com";
3 }
來轉向你的頁面,top指代的是主體視窗,這裡top.location.href返回http://www.b.com;
http://www.b.com!=http://www.a.com,返回為真(true),則網頁重定向到你的網頁,做到防盜用的作用。
原文摘自:js 跳轉連結的幾種方式