獲取地址欄url以及url參數

咱們能夠用javascript得到其中的各個部分
以 http://tieba.baidu.com/f/index/forumpark?pcn=%E7%94%B5%E5%BD%B1&pci=0&ct=1&rn=20&pn=1#aaaa 爲例

1, window.location.href
整個URl字符串(在瀏覽器中就是完整的地址欄)

2,window.location.protocol
URL 的協議部分
本例返回值:http:

3,window.location.host
URL 的主機部分
本例返回值:tieba.baidu.com

4,window.location.port
URL 的端口部分
若是採用默認的80端口(update:即便添加了:80)，那麼返回值並非默認的80而是空字符
本例返回值:""

5,window.location.pathname
URL 的路徑部分(就是文件地址)
本例返回值:/f/index/forumpark

6,window.location.search
查詢(參數)部分
除了給動態語言賦值之外，咱們一樣能夠給靜態頁面,並使用JavaScript來得到相信應的參數值
本例返回值:?pcn=電影&pci=0&ct=1&rn=20&pn=1

7,window.location.hash
錨點
本例返回值:#aaaa