1. 程式人生 > 實用技巧 >js 跳轉連結的幾種方式

js 跳轉連結的幾種方式

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 跳轉連結的幾種方式