Ⅰ js獲取當前頁面的url網址信息
1、設置或獲取整個
URL
為字元串:
window.location.href
2、設置或獲取與
URL
關聯的埠號碼:
window.location.port
3、設置或獲取
URL
的協議部分
window.location.protocol
4、設置或獲取
href
屬性中跟在問號後面的部分
window.location.search
5、獲取變數的值(截取等號後面的部分)
復制代碼
代碼如下:
var
url
=
window.location.search;
//
alert(url.length);
//
alert(url.lastIndexOf('='));
var
loc
=
url.substring(url.lastIndexOf('=')+1,
url.length);
6、設置或獲取
URL
的協議部分:
window.location.protocol
7、設置或獲取
href
屬性中在井號「#」後面的分段:
window.location.hash
8、設置或獲取
location
或
URL
的
hostname
和
port
號碼:
window.location.host
Ⅱ js使用正則獲取當前頁面url指定參數
網址: http://1.com/
調用: QueryString('name')
返回: null
網址: http://1.com/?name=cwj&age=21
調用: QueryString('name')
返回: cwj
現在隨便拿一個網址: https://m.weibo.cn/u/5902368392?topnav=1&wvr=6&is_all=1&jumpfrom=weibocom ,這個網址的 location 是:
所以這個地址的 location.search 是 ?topnav=1&wvr=6&is_all=1&jumpfrom=weibocom ,這就是需要執行匹配的字元串
match() 方法可在字元串內檢索指定的值,或找到一個或多個正則表達式的匹配。
存放匹配結果的數組。在這個方法中將匹配結果放在了數組 sValue 中。
RegExp 對象表示正則表達式
該對象接受兩個參數,第一個參數是一個字元串,指定了正則表達式的模式或其他正則表達式。第二個參數 i 代表著區分大小寫的匹配。
調用該方法: QueryString('wvr') ,根據以上正則表達式匹配出來的結果是:
要注意的是 match 方法返回的數組 0 位置是匹配的字元串,所以相應參數在 sValue[1] 中
Ⅲ JS獲取地址欄url參數
本章內容分為三部分:
開始之前先簡單了解一下
如:url地址: http://xxxxx:9010/test.html?leaf&le=2
window.location.search獲取到的就是 ?leaf&le=2 ;
window.location.search.substr(1)獲取到的就是 leaf&le=2 ;
一、JS獲取地址欄url參數:
如果你想獲取地址欄的其他參數,只需要執行 var 參數=getUrlParam('參數') ;
比如獲取參數a,執行 var a=getUrlParam('a') 就可以啦。簡單又實用。
二、解決請求介面亂碼問題
但是在我請求介面數據的時候,頁面獲取到是類似???這種亂碼。
然後我是這樣解決的:
1、發送方decodeURI編碼:
2、接收方encodeURI解碼
根據後台介面拼接url中使用encodeURI:
三、關於根據後台介面拼接url
整理筆記,不斷優化更新。如果有錯誤或可以優化的地方歡迎指出,互相學習,共同進步。
如果對你有用就點個小心心吧❤
Ⅳ 如何用JS得到當前頁面的URL信息
設置或獲取對象指定的文件名或路徑。
<script>
alert(window.location.pathname)
</script>
設置或獲取整個 URL 為字專符串。
<script>
alert(window.location.href);
</script>
設置或獲取與 URL 關聯的埠屬號碼。
<script>
alert(window.location.port)
</script>
設置或獲取 URL 的協議部分。
<script>
alert(window.location.protocol)
</script>
設置或獲取 href 屬性中在井號「#」後面的分段。
<script>
alert(window.location.hash)
</script>
設置或獲取 location 或 URL 的 hostname 和 port 號碼。
<script>
alert(window.location.host)
</script>
設置或獲取 href 屬性中跟在問號後面的部分。
<script>
alert(window.location.search)
</script>
Ⅳ 如何用js得到當前頁面的url信息方法
1、window.location.href(設置或獲取整個 URL 為字元串)
var test = window.location.href;
alert(test);
返回:http://i.cnblogs.com/EditPosts.aspx?opt=1
2、window.location.protocol(設置或獲取 URL 的協議部分)
var test = window.location.protocol;
alert(test);
返回:http:
3、window.location.host(設置或獲取 URL 的主機部分)
var test = window.location.host;
alert(test);
返回:i.cnblogs.com
4、window.location.port(設置或獲取與 URL 關聯的埠號碼)
var test = window.location.port;
alert(test);
返回:空字元(如果採用默認的80埠(update:即使添加了:80),那麼返回值並不是默認的80而是空字元)
5、window.location.pathname(設置或獲取與 URL 的路徑部分(就是文件地址))