靜態(tài)頁(yè)面html中跳轉(zhuǎn)傳值的JS處理技巧
本文實(shí)例講述了靜態(tài)頁(yè)面html中跳轉(zhuǎn)傳值的JS處理技巧。分享給大家供大家參考,具體如下:
在html中通過(guò)"?"傳值:
<a href="index2.html?name=caoy">靜態(tài)傳值</a>
在跳轉(zhuǎn)到的頁(yè)面index2.html中接收:
var name=UrlParm.parm("name");
代碼如下:
index.html:
<script type="text/javascript" src="getUrlParam.js"></script> <a href="index2.html?name=caoy">靜態(tài)傳值</a>
index2.html:
<script type="text/javascript"> var name=UrlParm.parm("name"); alert(name); </script>
getUrlParam.js:
UrlParm = function() { // url參數(shù) var data, index; (function init() { data = []; index = {}; var u = window.location.search.substr(1); if (u != '') { var parms = decodeURIComponent(u).split('&'); for (var i = 0, len = parms.length; i < len; i++) { if (parms[i] != '') { var p = parms[i].split("="); if (p.length == 1 || (p.length == 2 && p[1] == '')) {// p | p= data.push(['']); index[p[0]] = data.length - 1; } else if (typeof(p[0]) == 'undefined' || p[0] == '') { // =c | = data[0] = [p[1]]; } else if (typeof(index[p[0]]) == 'undefined') { // c=aaa data.push([p[1]]); index[p[0]] = data.length - 1; } else {// c=aaa data[index[p[0]]].push(p[1]); } } } } })(); return { // 獲得參數(shù),類(lèi)似request.getParameter() parm : function(o) { // o: 參數(shù)名或者參數(shù)次序 try { return (typeof(o) == 'number' ? data[o][0] : data[index[o]][0]); } catch (e) { } }, //獲得參數(shù)組, 類(lèi)似request.getParameterValues() parmValues : function(o) { // o: 參數(shù)名或者參數(shù)次序 try { return (typeof(o) == 'number' ? data[o] : data[index[o]]); } catch (e) {} }, //是否含有parmName參數(shù) hasParm : function(parmName) { return typeof(parmName) == 'string' ? typeof(index[parmName]) != 'undefined' : false; }, // 獲得參數(shù)Map ,類(lèi)似request.getParameterMap() parmMap : function() { var map = {}; try { for (var p in index) { map[p] = data[index[p]]; } } catch (e) {} return map; } } }();
這樣就能通過(guò)html跳轉(zhuǎn)傳值了
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題:《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動(dòng)畫(huà)特效與技巧匯總》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
- JAVASCRIPT實(shí)現(xiàn)的WEB頁(yè)面跳轉(zhuǎn)以及頁(yè)面間傳值方法
- JS父頁(yè)面與子頁(yè)面相互傳值方法
- javascript靜態(tài)頁(yè)面?zhèn)髦档娜N方法分享
- javascript不同頁(yè)面?zhèn)髦档母倪M(jìn)版
- JS中Iframe之間傳值及子頁(yè)面與父頁(yè)面應(yīng)用
- ajax的json傳值方式在jsp頁(yè)面中的應(yīng)用
- JavaScript實(shí)現(xiàn)在頁(yè)面間傳值的方法
- 詳解vuejs幾種不同組件(頁(yè)面)間傳值的方式
- JSP頁(yè)面間的傳值方法總結(jié)
- JS實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)并傳值
相關(guān)文章
JavaScript實(shí)現(xiàn)一個(gè)帶AI的井字棋游戲源碼
這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)一個(gè)帶AI的井字棋游戲源碼,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-05-05js中獲取鍵盤(pán)事件的簡(jiǎn)單實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇js中獲取鍵盤(pán)事件的簡(jiǎn)單實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10js實(shí)現(xiàn)簡(jiǎn)易點(diǎn)擊切換顯示或隱藏
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)簡(jiǎn)易點(diǎn)擊切換顯示或隱藏,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-11-11Bootstrap進(jìn)度條與AJAX后端數(shù)據(jù)傳遞結(jié)合使用實(shí)例詳解
這篇文章主要介紹了Bootstrap進(jìn)度條與AJAX后端數(shù)據(jù)傳遞結(jié)合使用,需要的朋友可以參考下2017-04-04PHP中CURL的幾個(gè)經(jīng)典應(yīng)用實(shí)例
這篇文章主要介紹了PHP中CURL的幾個(gè)經(jīng)典應(yīng)用實(shí)例,本文講解了cURL請(qǐng)求的基本步驟、在cURL中用POST方法發(fā)送數(shù)據(jù)、用cURL上傳文件等內(nèi)容,需要的朋友可以參考下2015-01-01微信小程序使用form表單獲取輸入框數(shù)據(jù)的實(shí)例代碼
這篇文章主要介紹了微信小程序使用form表單獲取輸入框數(shù)據(jù)的實(shí)例代碼,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-05-05