js獲取當前頁的URL與window.location.href簡單方法
利用JavaScript獲取當前頁的URL,這個問題起來好像很復雜,如果第一次去想這個問題,很多人估計又在琢磨到底又是哪個神一般的Javascript函數(shù)。
其實不是,Javascript獲取當前頁的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>
如果當前頁面的url為http://localhost:6666/myphp/mobile/pc1.php,那么其運行結果如下:

上面的函數(shù)同時展示如何獲取當前頁名稱的做法。
獲取利用window.location.href的變量獲取整個url之后,要哪一部分的地址,利用substring,indexof等字符串處理函數(shù)對獲取到的url進行處理,截取你想要的部分。
平時利用window.location.href做重定向,就是改變整個瀏覽器的url,
如果后面沒有賦值,這就成了獲取當前值的語句。
與document.getElementById("xx").value一樣,你能夠修改,就能夠獲取了。
當然,如果獲取一些特定的值,比如當前的協(xié)議與端口,就不用截取字符串這么麻煩了。
直接利用window.location.port拿端口,window.location.protocol拿協(xié)議,window.location.search還能拿url問號后面的部分,當然也可以利用它們來改相應的值。
比如如下代碼:
alert("protocol:"+window.location.protocol+",port:"+window.location.port);
其運行結果如下:

補充:substring(start,stop) 知識
語法
語法stringObject.substring(start,stop)

返回值
一個新的字符串,該字符串值包含 stringObject 的一個子字符串,其內(nèi)容是從 start 處到 stop-1 處的所有字符,其長度為 stop 減 start。
說明
substring() 方法返回的子串包括 start 處的字符,但不包括 stop 處的字符。
如果參數(shù) start 與 stop 相等,那么該方法返回的就是一個空串(即長度為 0 的字符串)。如果 start 比 stop 大,那么該方法在提取子串之前會先交換這兩個參數(shù)。
以上這篇js獲取當前頁的URL與window.location.href簡單方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
- javascript 中設置window.location.href跳轉無效問題解決辦法
- JavaScript Window 打開新窗口(window.location.href、window.open、window.showModalDialog)
- 關于js中window.location.href,location.href,parent.location.href,top.location.href的用法與區(qū)別
- 快速解決js中window.location.href不工作的問題
- js中window.location.href的用法大全
- javascript中window.location.href的用法
- JS操作BOM時window.location.href跳轉后頁面不刷新問題解決辦法
相關文章
JS?new操作原理及手寫函數(shù)模擬實現(xiàn)示例
這篇文章主要為大家介紹了JS?new操作原理及手寫函數(shù)模擬實現(xiàn)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-07-07
原生JavaScript實現(xiàn)批量獲取表單數(shù)據(jù)
這篇文章主要為大家詳細介紹了如何使用原生JavaScript實現(xiàn)批量獲取表單數(shù)據(jù),文中的示例代碼講解詳細,有需要的小伙伴可以跟隨小編一起學習一下2024-01-01
vite打包優(yōu)化vite-plugin-compression的使用示例詳解
這篇文章主要介紹了vite打包優(yōu)化vite-plugin-compression的使用,本文通過示例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-09-09

