這次是使用JavaScript來獲取url(request)中的參數

在日常頁面編寫的過程中為了方便操作在<script>中通過使用window.location.href='http://m.propowerdrill.cn/bcjs/要跳轉的頁面?參數1=' rel='external nofollow' +值1+'&參數2='+值2 來進行頁面跳轉并傳值。

那么在跳轉過去的頁面怎樣在<script>中獲取到傳過來的參數呢？

下面是小編的一個案例:

//參數傳出頁面

window.location.href = 'http://m.propowerdrill.cn/bcjs/Frameset.aspx?name=' + username + '&tbpwd='+tbpwd;//這里是我要將username和tbpwd作為參數傳到Frameset.aspx這個頁面上

一、字符串分割分析法

//參數接收頁面(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]);//將參數和對應的值使用split函數切割出來} }　//以此獲取url串中所帶的同名參數 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('參數名1'));alert(GetQueryString('參數名2'));</script>

以上兩種方法都是可以實現js通過window.location.href進行頁面跳轉及傳參后在跳轉后的頁面接收到參數！

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持好吧啦網。