js獲取當(dāng)前頁的URL與window.location.href簡(jiǎn)單方法

利用JavaScript獲取當(dāng)前頁的URL，這個(gè)問題起來好像很復(fù)雜，如果第一次去想這個(gè)問題，很多人估計(jì)又在琢磨到底又是哪個(gè)神一般的Javascript函數(shù)。

其實(shí)不是，Javascript獲取當(dāng)前頁的URL的函數(shù)就是我們經(jīng)常用來重定向的window.location.href。

比如如下函數(shù)：

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

如果當(dāng)前頁面的url為http://localhost:6666/myphp/mobile/pc1.php，那么其運(yùn)行結(jié)果如下：

上面的函數(shù)同時(shí)展示如何獲取當(dāng)前頁名稱的做法。

獲取利用window.location.href的變量獲取整個(gè)url之后，要哪一部分的地址，利用substring，indexof等字符串處理函數(shù)對(duì)獲取到的url進(jìn)行處理，截取你想要的部分。

平時(shí)利用window.location.href做重定向，就是改變整個(gè)瀏覽器的url，

如果后面沒有賦值，這就成了獲取當(dāng)前值的語句。

與document.getElementById("xx").value一樣，你能夠修改，就能夠獲取了。

當(dāng)然，如果獲取一些特定的值，比如當(dāng)前的協(xié)議與端口，就不用截取字符串這么麻煩了。

直接利用window.location.port拿端口，window.location.protocol拿協(xié)議，window.location.search還能拿url問號(hào)后面的部分，當(dāng)然也可以利用它們來改相應(yīng)的值。

比如如下代碼：

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

其運(yùn)行結(jié)果如下：

補(bǔ)充：substring(start,stop)   知識(shí)

語法

語法stringObject.substring(start,stop)

返回值

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

說明

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

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

以上這篇js獲取當(dāng)前頁的URL與window.location.href簡(jiǎn)單方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持億速云。