javascript中location.href地址跳轉詳解

javascript中的location.href有很多種用法，主要如下。
　
top.location.href=”url”       在頂層頁面開啟url（跳出架構）

self.location.href=”url”       僅在本頁面開啟url地址

parent.location.href=”url” 　 在父視窗開啟Url地址

this.location.href=”url” 　　 用法和self的用法一致

location.href=”/url” 當前頁面開啟URL頁面

windows.location.href=”/url” 當前頁面開啟URL頁面，前面三個用法相同。

如果頁面中自訂了frame，那麼可將parent self top換為自訂frame的名稱,效果是在frame視窗開啟url地址

此外，window.location.href=window.location.href;和window.location.Reload()和都是重新整理當前頁面。區別在於是否有提交資料。當有提交資料時，window.location.Reload()會提示是否提交，window.location.href=window.location.href;則是向指定的url提交資料

location之頁面跳轉js如下：

代碼如下

複製代碼

//簡單跳轉 function gotoPage(url) { // eg. var url = "newsview.html?catalogid="+catalogID+"&pageid="+pageid; window.location = url; } // 對location用法的升級，為單個頁面傳遞參數 function goto_catalog(iCat) { if(iCat<=0) { top.location = "../index.aspx"; // top出去 } else { window.location = "../newsCat.aspx?catid="+iCat; } } // 對指定架構進行跳轉頁面，二種方法皆可用 function goto_iframe(url) { parent.mainFrame.location = "../index.aspx"; // // parent.document.getElementById("mainFrame").src = "../index.aspx";// use dom to change page // 同時我增加了dom的寫法 } // 對指定架構進行跳轉頁面，因為 parent.iframename.location="../index.aspx"; 方法不能實行，主要是 "parent.iframename" 中的iframename在js中被預設為節點，而不能把傳遞過來的參數轉換過來，所以用dom實現了該傳遞二個參數的架構跳轉頁面，希望那位仁兄不吝賜教！ function goto_iframe(iframename,url)  { parent.document.getElementById(iframename).src = "../index.aspx";// use dom to change page by iframeName //} // 回到首頁 function gohome() { top.location = "/index.aspx"; } </script>