靜態(tài)頁面html中跳轉(zhuǎn)傳值的JS處理技巧
本文實例講述了靜態(tài)頁面html中跳轉(zhuǎn)傳值的JS處理技巧。分享給大家供大家參考,具體如下:
在html中通過"?"傳值:
<a href="index2.html?name=caoy">靜態(tài)傳值</a>
在跳轉(zhuǎn)到的頁面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ù),類似request.getParameter() parm : function(o) { // o: 參數(shù)名或者參數(shù)次序 try { return (typeof(o) == 'number' ? data[o][0] : data[index[o]][0]); } catch (e) { } }, //獲得參數(shù)組, 類似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 ,類似request.getParameterMap() parmMap : function() { var map = {}; try { for (var p in index) { map[p] = data[index[p]]; } } catch (e) {} return map; } } }();
這樣就能通過html跳轉(zhuǎn)傳值了
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動畫特效與技巧匯總》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學運算用法總結(jié)》
希望本文所述對大家JavaScript程序設計有所幫助。
相關(guān)文章
JavaScript實現(xiàn)一個帶AI的井字棋游戲源碼
這篇文章主要介紹了基于JavaScript實現(xiàn)一個帶AI的井字棋游戲源碼,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下2018-05-05Bootstrap進度條與AJAX后端數(shù)據(jù)傳遞結(jié)合使用實例詳解
這篇文章主要介紹了Bootstrap進度條與AJAX后端數(shù)據(jù)傳遞結(jié)合使用,需要的朋友可以參考下2017-04-04微信小程序使用form表單獲取輸入框數(shù)據(jù)的實例代碼
這篇文章主要介紹了微信小程序使用form表單獲取輸入框數(shù)據(jù)的實例代碼,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-05-05