基于JavaScript獲取url參數(shù)2種方法
這次是使用JavaScript來獲取url(request)中的參數(shù)
在日常頁面編寫的過程中為了方便操作在<script>中通過使用window.location.href='http://www.intensediesel.com/bcjs/要跳轉(zhuǎn)的頁面?參數(shù)1=' rel='external nofollow' +值1+'&參數(shù)2='+值2 來進行頁面跳轉(zhuǎn)并傳值。
那么在跳轉(zhuǎn)過去的頁面怎樣在<script>中獲取到傳過來的參數(shù)呢?
下面是小編的一個案例:
//參數(shù)傳出頁面
window.location.href = 'http://www.intensediesel.com/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(); //實例化一個對象 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ù)和對應的值使用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>
以上兩種方法都是可以實現(xiàn)js通過window.location.href進行頁面跳轉(zhuǎn)及傳參后在跳轉(zhuǎn)后的頁面接收到參數(shù)!
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
