JavaScript中l(wèi)ocation對象怎么用？

window.location返回一個Location對象，其中包含有關文檔當前位置的信息，是BOM中最重要的對象之一。一般使用window.location對象用于獲得當前頁面的地址 (URL)，并把瀏覽器重定向到新的頁面。

(1)location既是window對象的屬性又是document對象的屬性。

(2)location包含8個屬性，其中7個都是當前窗體的URL的一部分，剩下最重要的一個是href屬性，代表當前窗體的URL。

(3)location的8個屬性都是可讀寫的，但是只有href與hash的寫才有意義。例如改變location.href會重新定位到一個URL，而修改location.hash會跳到當前頁面中的anchor(或者等)名字的標記(如果有)，而且頁面不會被重新加載。

(4)location屬性。

① location.hash：返回URL中#符號后面的內容，如果沒有返回空字符串。

② location.host：返回域名及端口號。

③ location.hostname屬性：返回主域名。

④ location.href：返回當前文檔的完整URL或設置當前文檔的URL。

⑤ location.pathname：返回URL中域名后的部分，即URL中的路徑和(或)文件名

⑥ location.port：返回URL中的端口。如果URL中沒有端口，則返回空字符串

⑦ location.protocol：返回URL中的協議。通常是"http:"或"https:"

⑧ location.search屬性：返回URL中的查詢字符串。這個字符串以問號開頭，例如"?q=javascript"。

(5)Location對象方法

assign()函數——設置當前文檔的URL。

replace()函數——設置當前文檔的URL，并在history對象的地址列表中刪除這個URL。

reload()函數——重新載入當前文檔(從server服務器端)。

toString()函數——返回location對象href屬性當前的值。

(6)統(tǒng)一資源定位符(Uniform Resource Locator, URL)

URL的組成:

scheme://host:port/path?query#fragment

scheme:通信協議，常用的http,ftp,maito等

host:主機。服務器(計算機)域名系統(tǒng)(DNS)主機名或IP地址。

port:端口號。整數，可選，省略時使用方案的默認端口，如http的默認端口為80。

path:路徑。由零或多個'/'符號隔開的字符串，一般用來表示主機上的一個目錄或文件地址。

query:查詢。可選，用于給動態(tài)網頁傳遞參數，可有多個參數，用'&'符號隔開，每個參數的名和值用'='符號隔開。例如：name=zs。

fragment:信息片斷。字符串，錨點。

運行下面代碼將將跳轉到http://web.itheima.com。

<script>
    window.location = "http://m.3rdspacecomics.com"
</script>

猜你喜歡

jQuery和vue的區(qū)別是什么?

jQuery中attr()和prop()有什么不同？

jQuery元素內容操作的方法有多少種？

黑馬程序員web前端培訓課程