【JavaScript】獲取當前頁的URL與window.location.href

利用Javascript獲取當前頁的URL，這個問題起來好像很複雜，若是第一次去想這個問題，不少人估計又在琢磨到底又是哪一個神通常的Javascript函數。

其實不是，Javascript獲取當前頁的URL的函數就是咱們常常用來重定向的window.location.href。

好比以下函數：

    <script>
    var url=window.location.href;
    var loc = url.substring(url.lastIndexOf('/')+1, url.length); 
    alert("url="+url+",loc="+loc);
    </script>

 

若是當前頁面的url爲http://localhost:6666/myphp/mobile/pc1.php，那麼其運行結果以下：

上面的函數同時展現如何獲取當前頁名稱的作法。

獲取利用window.location.href的變量獲取整個url以後，要哪一部分的地址，利用substring，indexof等字符串處理函數對獲取到的url進行處理，截取你想要的部分。

平時利用window.location.href作重定向，就是改變整個瀏覽器的url，

若是後面沒有賦值，這就成了獲取當前值的語句。

與document.getElementById("xx").value同樣，你可以修改，就可以獲取了。

固然，若是獲取一些特定的值，好比當前的協議與端口，就不用截取字符串這麼麻煩了。

直接利用window.location.port拿端口，window.location.protocol拿協議，window.location.search還能拿url問號後面的部分，固然也能夠利用它們來改相應的值。

好比以下代碼：

alert("protocol:"+window.location.protocol+",port:"+window.location.port);

 

其運行結果以下：