js中的location的href和pathname,search

在我們使用瀏覽器中訪問一個url，HTTP GET獲取到一個資源后。我們可以查看瀏覽器的location對象。
比如，我們search一下，在瀏覽器中會出現下面的url：

https://www.bing.com/search?q=location.href+location.pathname&go=%E6%8F%90%E4%BA%A4&qs=n&form=QBLH&pq=location.href+location.pathname&sc=0-14&sp=-1&sk=&ghc=1&cvid=be38977d2c4d483ba842e8019853315f

• 使用window.location.href

得到的結果時瀏覽器地址欄中的完整地址串：
“https://www.bing.com/search?q=location.href+location.pathname&go=%E6%8F%90%…ion.pathname&sc=0-14&sp=-1&sk=&ghc=1&cvid=be38977d2c4d483ba842e8019853315f”

• window.location.pathname

得到URL的路徑部分(就是請求映射的地址)
“/search”

如果我們修改pathname，則瀏覽器中的地址欄url的pathname部分就會改變，并觸發新的http get操作。但是后面接著的參數長串依然存在。

• window.location.search

得到的是：
“?q=location.href+location.pathname&go=%E6%8F%90%E4%BA%A4&qs=n&form=QBLH&pq=location.href+location.pathname&sc=0-14&sp=-1&sk=&ghc=1&cvid=be38977d2c4d483ba842e8019853315f”

其他：

• window.location.host

“www.bing.com”

• window.location.hostname

“www.bing.com”

• window.location.port

“”
==== 說明： URL 的端口部分
如果采用默認的80端口(update:即使添加了:80)，那么返回值并不是默認的80而是空字符
本例返回值:”“

• window.location.hash
  如果使用了錨點，比如對于這樣一個URL
  http://localhost:8080/search?ver=1.0&id=6#herepointer
  錨點 返回值:#herepointer

總結

以上是生活随笔為你收集整理的js中的location的href和pathname,search的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。