天天看點

JavaScript 進階篇(一)location對象

js中提供了很多的方法供我們使用, 隻需調用它就可以實作功能,location對象就是其中之一,能夠傳回目前浏覽器通路的URL資訊,location對象是window對象的一部分,是以我們可以通過window.location來通路屬性和方法。那麼具體來看下location對象下的屬性和方法。

(1)屬性

屬性 描述
hash 傳回一個URL的錨部分
host 傳回一個URL的主機名和端口
hostname 傳回URL的主機名
href 傳回完整的URL
pathname 傳回的URL路徑名。
port 傳回一個URL伺服器使用的端口号
protocol 傳回一個URL協定
search 傳回一個URL的查詢部分

(2)方法

方法 說明
assign() 載入一個新的文檔
reload() 重新載入目前文檔
replace() 用新的文檔替換目前文檔

來看看屬性和方法的實際應用。

<!DOCTYPE html>
<html>
<head>
   <title>location對象練習</title>
   <script type="text/javascript">
      document.write(location.href+'<br/>');              //得到目前所在的完整URL路徑
      document.write(location.protocol+'<br/>');          //
      document.write(location.host+'<br/>');
      document.write(location.hostname+'<br/>');
      document.write(location.pathname+'<br/>');          //得到URL路徑名
   </script>
</head>
<body>
</body>
</html>
           

輸出結果:

JavaScript 進階篇(一)location對象

其實location對象中用的比較廣泛的方法就是reload(),一般用于重新加載頁面,可以直接使用window.location.reload();可以實作加載,相當于重新整理頁面。

window.location.assign(url) : 加載 URL 指定的新的 HTML 文檔。就相當于一個連結,跳轉到指定的url,目前頁面會轉為新頁面内容,可以點選後退傳回上一個頁面。

window.location.replace(url) : 通過加載 URL 指定的文檔來替換目前文檔,這個方法是替換目前視窗頁面,前後兩個頁面共用一個視窗,是以是沒有後退傳回上一頁的。

後面這兩個方法用的不是比較多。

繼續閱讀