js獲取當前頁的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); 

其運行結果如下：

補充：substring(start,stop)   知識

語法

語法stringObject.substring(start,stop)

返回值

一個新的字符串，該字符串值包含 stringObject 的一個子字符串，其內容是從 start 處到 stop-1 處的所有字符，其長度為 stop 減 start。

說明

substring() 方法返回的子串包括 start 處的字符，但不包括 stop 處的字符。

如果參數 start 與 stop 相等，那么該方法返回的就是一個空串（即長度為 0 的字符串）。如果 start 比 stop 大，那么該方法在提取子串之前會先交換這兩個參數。

以上這篇js獲取當前頁的URL與window.location.href簡單方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。