基于JavaScript獲取url參數(shù)2種方法
這次是使用JavaScript來獲取url(request)中的參數(shù)
在日常頁面編寫的過程中為了方便操作在<script>中通過使用window.location.href='http://www.cgvv.com.cn/bcjs/要跳轉(zhuǎn)的頁面?參數(shù)1=' rel='external nofollow' +值1+'&參數(shù)2='+值2 來進(jìn)行頁面跳轉(zhuǎn)并傳值。
那么在跳轉(zhuǎn)過去的頁面怎樣在<script>中獲取到傳過來的參數(shù)呢?
下面是小編的一個案例:
//參數(shù)傳出頁面
window.location.href = 'http://www.cgvv.com.cn/bcjs/Frameset.aspx?name=' + username + '&tbpwd='+tbpwd;//這里是我要將username和tbpwd作為參數(shù)傳到Frameset.aspx這個頁面上
一、字符串分割分析法
//參數(shù)接收頁面(Frameset.aspx) <script type='text/javascript' language='javascript'> $(function () { var url = location.search; ////獲取接收到的url中含'?'符后的字串 var request = new Object(); //實(shí)例化一個對象 if (url.indexOf('?') != -1) { //判斷“?”后面是否有值var str = url.substr(1) //去掉括?號strs = str.split('&');for (var i = 0; i < strs.length; i++){ request[strs[i].split('=')[0]] = unescape(strs[i].split('=')[1]);//將參數(shù)和對應(yīng)的值使用split函數(shù)切割出來} } //以此獲取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通過window.location.href進(jìn)行頁面跳轉(zhuǎn)及傳參后在跳轉(zhuǎn)后的頁面接收到參數(shù)!
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. html中的form不提交(排除)某些input 原創(chuàng)2. ASP動態(tài)網(wǎng)頁制作技術(shù)經(jīng)驗(yàn)分享3. ASP常用日期格式化函數(shù) FormatDate()4. CSS3實(shí)現(xiàn)動態(tài)翻牌效果 仿百度貼吧3D翻牌一次動畫特效5. asp.net core項(xiàng)目授權(quán)流程詳解6. XMLHTTP資料7. vue使用moment如何將時間戳轉(zhuǎn)為標(biāo)準(zhǔn)日期時間格式8. CSS3中Transition屬性詳解以及示例分享9. jsp文件下載功能實(shí)現(xiàn)代碼10. 開發(fā)效率翻倍的Web API使用技巧
