1. 程式人生 > >JS頁面跳轉的幾種方法以及註解

JS頁面跳轉的幾種方法以及註解

來介紹一下我所用的JS跳轉頁面的方法

第一種:這是最常用的了 window.location.href

<script language="javascript" type="text/javascript">
           window.location.href="login.html"; 
    </script>

最基本的頁面跳轉。

第二種:歷史記錄退減 這種方法一般用於註冊失敗後的返回,除了密碼框之外其他資料都不會被清除。

<script language="javascript">
    alert("返回");
    window.history.back(-1);
  </script>

第三種:self指代當前視窗物件,屬於window最上層的物件,一般用於防止外部引用。

<script language="JavaScript">
          self.location='top.html';
   </script>

如果你的網頁地址是: 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。
http://www.b.com!=http://www.a.com,返回為真(true),則網頁重定向到你的網頁,做到防盜用的作用。

第四種:當然就是上面方法所說的top跳轉了,這是在頂層頁面開啟新頁面,是最外層的頁面跳轉。

<script language="javascript">
          alert("非法訪問!");
          top.location='xx.jsp';
   </script>

以上則是我常用到的方法,當然像一些其他的方法也可以的。

例如:window.navigate("top.jsp"); 但是這個方法它只支援IE瀏覽器,像火狐它就不支援了。

所以我就沒把其他的用不太到的方法列舉出來,如果有興趣當然可以去了解。