window.location

window.location 對象所包含的屬性

屬性	描述
hash	從井號 (#) 開始的 URL（錨）
host	主機名和當前 URL 的端口號
hostname	當前 URL 的主機名
href	完整的 URL
pathname	當前 URL 的路徑部分
port	當前 URL 的端口號
protocol	當前 URL 的協議
search	從問號 (?) 開始的 URL（查詢部分）

 

 

 

 

 

 

 

 

 

 

• protocol 返回地址的協議，取值爲 'http:','https:','file:' 等等。
• hostname 返回地址的主機名，例如，一個「http://www.microsoft.com/china/」的地址，location.hostname == 'www.microsoft.com'。
• port 返回地址的端口號，通常 http 的端口號是 '80'。
• host 返回主機名和端口號，如：'www.a.com:8080'。
• pathname 返回路徑名，如「http://www.a.com/b/c.html」，location.pathname == 'b/c.html'。
• hash 返回「#」以及之後的內容，如「http://www.a.com/b/c.html#chapter4」，location.hash == '#chapter4'；若是地址裏沒有「#」，則返回空字符串。
• search 返回「?」以及之後的內容，如「http://www.a.com/b/c.asp?selection=3&jumpto=4」，location.search == '?selection=3&jumpto=4'；若是地址裏沒有「?」，則返回空字符串。
• href 返回以上所有內容，也就是說，返回整個地址。在瀏覽器的地址欄上怎麼顯示它就怎麼返回。若是想一個窗口對象打開某地址，可使用「location.href = '...'」，也能夠直接用「location = '...'」來達到此目的。

 

window.location.hash

要使用 JS 定位錨點，徹底可使用 window.hash 配合元素 ID 完成。好比快速定位到頁面的某條評論，則直接使用以下代碼便可：

window.location.hash = "#comment-5981";

另外 Twitter、Facebook、Google 等已經開始大量使用 #! 這種形式的 hash 方法處理異步交互頁面的 URL 可回溯功能。

window.location.search

若是有這樣一個 URL 地址：

http://www.google.com.hk/search?hl=zh-CN&source=hp&biw=1400&bih=935&q=%E8%8A%92%E6%9E%9C%E5%B0%8F%E7%AB%99&aq=f&aqi=&aql=&oq=

如何利用 JS 腳本捕獲頁面 GET 方式請求的參數？其實直接使用 window.location.search 得到，而後經過 split 方法結合循環遍歷自由組織數據格式。

另外，若是根據用戶的搜索條件刷新頁面，只需直接設置 window.location.search 便可。

 

 

方法概覽

 

 

• reload() 至關於按瀏覽器上的「刷新」(IE)或「Reload」(Netscape)鍵。
• replace() 打開一個 URL，並取代歷史對象中當前位置的地址。用這個方法打開一個 URL 後，按下瀏覽器的「後退」鍵將不能返回到剛纔的頁面。

 

 

2、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";

}