js中的location的href和pathname,search

在我們使用瀏覽器中訪問一個(gè)url，HTTP GET獲取到一個(gè)資源后。我們可以查看瀏覽器的location對(duì)象。
比如，我們search一下，在瀏覽器中會(huì)出現(xiàn)下面的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

得到的結(jié)果時(shí)瀏覽器地址欄中的完整地址串：
“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的路徑部分(就是請(qǐng)求映射的地址)
“/search”

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

• 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 的端口部分
如果采用默認(rèn)的80端口(update:即使添加了:80)，那么返回值并不是默認(rèn)的80而是空字符
本例返回值:”“

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。