基于JavaScript獲取url參數(shù)2種方法
這次是使用JavaScript來(lái)獲取url(request)中的參數(shù)
在日常頁(yè)面編寫的過(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)文章
Lerna入門之管理TypeScript monorepo教程
這篇文章主要為大家介紹了Lerna入門之管理TypeScript monorepo教程詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-11-11
JavaScript基于activexobject連接遠(yuǎn)程數(shù)據(jù)庫(kù)SQL Server 2014的方法
這篇文章主要介紹了JavaScript基于activexobject連接遠(yuǎn)程數(shù)據(jù)庫(kù)SQL Server 2014的方法,結(jié)合實(shí)例形式分析了javascript使用activexobject遠(yuǎn)程連接數(shù)據(jù)庫(kù)的相關(guān)操作技巧,需要的朋友可以參考下2017-07-07
關(guān)于微信jssdk實(shí)現(xiàn)多圖片上傳的一點(diǎn)心得分享
這篇文章主要介紹了關(guān)于微信jssdk實(shí)現(xiàn)多圖片上傳的一點(diǎn)心得分享,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-12-12
這篇文章主要是對(duì)JavaScript中的變量作用域進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-12-12
JS實(shí)現(xiàn)兩個(gè)跨域頁(yè)面實(shí)現(xiàn)量子糾纏互動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript實(shí)現(xiàn)兩個(gè)跨域頁(yè)面實(shí)現(xiàn)量子糾纏互動(dòng)效果,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-12-12
精通Javascript系列之?dāng)?shù)值計(jì)算
在JS中如果希望某個(gè)變量包含一個(gè)數(shù)值，那么無(wú)需限定其必須是整數(shù)或者是浮點(diǎn)數(shù)，下面來(lái)個(gè)例子2011-06-06
探索export導(dǎo)出一個(gè)字面量會(huì)報(bào)錯(cuò)export?default不會(huì)報(bào)錯(cuò)
這篇文章主要為大家介紹了export導(dǎo)出一個(gè)字面量會(huì)報(bào)錯(cuò)而export?default不會(huì)報(bào)錯(cuò)的問(wèn)題探索解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2024-01-01
這篇文章主要為大家介紹了JavaScript中Promise的使用，本文先介紹 Promises 相關(guān)規(guī)范，然后再通過(guò)解讀一個(gè)迷你的 Promises 以加深理解，感興趣的小伙伴們可以參考一下2016-01-01
JavaScript實(shí)現(xiàn)顯示隱藏表單文字
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)顯示隱藏表單文字，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
微信小程序scroll-view隱藏滾動(dòng)條的方法詳解
這篇文章主要介紹了微信小程序scroll-view隱藏滾動(dòng)條的方法，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-03-03