DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript入門教程(8):Location地址對象
JavaScript入門教程(8):Location地址對象
編輯:關於JavaScript     

location 地址對象 它描述的是某一個窗口對象所打開的地址。要表示當前窗口的地址,只需要使用“location”就行了;若要表示某一個窗口的地址,就使用“<窗口對象>.location”。先前寫了一片用window.location.href實現刷新另個框架頁面 ,特此我看了一下locaiton的詳細用法,對此有點改進,具體如下:  

注意:屬於不同協議或不同主機的兩個地址之間不能互相引用對方的 location 對象,這是出於安全性的需要。例如,當前窗口打開的是“www.a.com”下面的某一頁,另外一個窗口(對象名為:bWindow)打開的是“www.b.com”的網頁。如果在當前窗口使用“bWindow.location”,就會出錯:“沒有權限”。這個錯誤是不能用錯誤處理程序(Event Handler,參閱 onerror 事件)來接收處理的。

第一、簡單介紹一下location屬性、用法以及相關示例:  
Location  
包含了關於當前 URL 的信息。location對象描述了與一個給定的 Window 對象關聯的完整 URL。location 對象的每個屬性都描述了 URL 的不同特性。
通常情況下,一個 URL 會有下面的格式:協議//主機:端口/路徑名稱#哈希標識?搜索條件
例如:http://www.poluoluo.com/jiaocheng/index.html#topic1?x=7&y=2 這些部分是滿足下列需求的:


  • “協議”是 URL 的起始部分,直到包含到第一個冒號。   
  • “主機”描述了主機和域名,或者一個網絡主機的 IP 地址。  
  • “端口”描述了服務器用於通訊的通訊端口。   
  • 路徑名稱描述了 URL 的路徑方面的信息。  
  • “哈希標識”描述了 URL 中的錨名稱,包括哈希掩碼(#)。此屬性只應用於 HTTP 的 URL。   
  • “搜索條件”描述了該 URL 中的任何查詢信息,包括問號。此屬性只應用於 HTTP 的 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 = '...'”來達到此目的。


方法概覽  

  • reload() 相當於按浏覽器上的“刷新”(IE)或“Reload”(Netscape)鍵。
  • replace() 打開一個 URL,並取代歷史對象中當前位置的地址。用這個方法打開一個 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<=

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved