基于JavaScript獲取url參數(shù)2種方法
這次是使用JavaScript來(lái)獲取url(request)中的參數(shù)
在日常頁(yè)面編寫(xiě)的過(guò)程中為了方便操作在<script>中通過(guò)使用window.location.href="要跳轉(zhuǎn)的頁(yè)面?參數(shù)1=" rel="external nofollow" +值1+"&參數(shù)2="+值2 來(lái)進(jìn)行頁(yè)面跳轉(zhuǎn)并傳值。
那么在跳轉(zhuǎn)過(guò)去的頁(yè)面怎樣在<script>中獲取到傳過(guò)來(lái)的參數(shù)呢?
下面是小編的一個(gè)案例:
//參數(shù)傳出頁(yè)面
window.location.href = "Frameset.aspx?name=" + username + "&tbpwd="+tbpwd;//這里是我要將username和tbpwd作為參數(shù)傳到Frameset.aspx這個(gè)頁(yè)面上
一、字符串分割分析法
//參數(shù)接收頁(yè)面(Frameset.aspx) <script type="text/javascript" language="javascript"> $(function () { var url = location.search; ////獲取接收到的url中含"?"符后的字串 var request = new Object(); //實(shí)例化一個(gè)對(duì)象 if (url.indexOf("?") != -1) { //判斷“?”后面是否有值 var str = url.substr(1) //去掉括?號(hào) strs = str.split("&"); for (var i = 0; i < strs.length; i++){ request[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);//將參數(shù)和對(duì)應(yīng)的值使用split函數(shù)切割出來(lái) } } //以此獲取url串中所帶的同名參數(shù) alert(request["name"]); alert(request["tbpwd"]); }) </script>
二、正則分析法
<script type="text/javascript" language="javascript"> function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i"); var r = window.location.search.substr(1).match(reg); if (r!=null) return unescape(r[2]); return null; } alert(GetQueryString("參數(shù)名1")); alert(GetQueryString("參數(shù)名2")); </script>
以上兩種方法都是可以實(shí)現(xiàn)js通過(guò)window.location.href進(jìn)行頁(yè)面跳轉(zhuǎn)及傳參后在跳轉(zhuǎn)后的頁(yè)面接收到參數(shù)!
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
javascript-hashchange事件和歷史狀態(tài)管理實(shí)例分析
這篇文章主要介紹了javascript-hashchange事件和歷史狀態(tài)管理,結(jié)合實(shí)例形式分析了javascript-hashchange基本功能、原理及歷史狀態(tài)管理相關(guān)操作技巧,需要的朋友可以參考下2020-04-04file控件選擇上傳文件確定后觸發(fā)的js事件是哪個(gè)
這篇文章主要介紹了file控件選擇上傳文件確定后觸發(fā)了什么js事件,需要的朋友可以參考下2014-03-03JS實(shí)現(xiàn)多張圖片預(yù)覽同步上傳功能
這篇文章主要介紹了JS實(shí)現(xiàn)多張圖片預(yù)覽同步上傳功能的相關(guān)資料,需要的朋友可以參考下2017-06-06JS+HTML5實(shí)現(xiàn)上傳圖片預(yù)覽效果完整實(shí)例【測(cè)試可用】
這篇文章主要介紹了JS+HTML5實(shí)現(xiàn)上傳圖片預(yù)覽效果,結(jié)合完整實(shí)例形式分析了javascript上傳圖片本地預(yù)覽的具體操作步驟與相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-04-04js異步之a(chǎn)sync和await實(shí)現(xiàn)同步寫(xiě)法
本文主要介紹了js異步之a(chǎn)sync和await實(shí)現(xiàn)同步寫(xiě)法,文中通過(guò)示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-03-03