JavaScript Window Location

2022-02-11 14:55 更新

window.location 對象用于獲得當(dāng)前頁面的地址 (URL)，并把瀏覽器重定向到新的頁面。

這種方法既可以用于具有onclick事件的標(biāo)簽，也可以用于滿足某些條件進(jìn)行跳轉(zhuǎn)，特點(diǎn)是方便且靈活。

Window Location

window.location 對象在編寫時(shí)可不使用 window 這個前綴。 一些例子：

一些實(shí)例:

Window Location Href

location.href 屬性返回當(dāng)前頁面的 URL。

實(shí)例

返回（當(dāng)前頁面的）整個 URL：

<script>
    document.write(location.href);
</script>

以上代碼輸出為：

//o2fo.com/javascript/js-window-location.html

Window Location Pathname

location.pathname 屬性返回 URL 的路徑名。

實(shí)例

返回當(dāng)前 URL 的路徑名：

<script>
    document.write(location.pathname);
</script>

以上代碼輸出為：

/javascript/js-window-location.html

Window Location Assign

location.assign() 方法加載新的文檔。

實(shí)例

加載一個新的文檔：

<html>
  <head>
    <script>
      function newDoc(){
          window.location.assign("http://o2fo.com")
      }
    </script>
  </head>
  <body>
    <input type="button" value="Load new document" onclick="newDoc()">
  </body>
</html>

嘗試一下 ?

相關(guān)閱讀

JavaScript百科大全：JavaScript重定向跳轉(zhuǎn)


以上內(nèi)容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號