静态页面html中跳转传值的JS处理技巧

本文实例讲述了静态页面html中跳转传值的JS处理技巧。分享给大家供大家参考，具体如下：

在html中通过"?"传值：

<a href="index2.html?name=caoy">静态传值</a>

在跳转到的页面index2.html中接收：

var name=UrlParm.parm("name");

代码如下：

index.html:

<script type="text/javascript" src="getUrlParam.js"></script><a href="index2.html?name=caoy">静态传值</a>

index2.html:

<script type="text/javascript">
var name=UrlParm.parm("name");
alert(name);
</script>

getUrlParam.js:

UrlParm = function() { // url参数
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 {
// 获得参数,类似request.getParameter()
parm : function(o) { // o: 参数名或者参数次序
try {
return (typeof(o) == 'number' ? data[o][0] : data[index[o]][0]);
} catch (e) {
}
},
//获得参数组, 类似request.getParameterValues()
parmValues : function(o) { // o: 参数名或者参数次序
try {
return (typeof(o) == 'number' ? data[o] : data[index[o]]);
} catch (e) {}
},
//是否含有parmName参数
hasParm : function(parmName) {
return typeof(parmName) == 'string' ? typeof(index[parmName]) != 'undefined' : false;
},
// 获得参数Map ,类似request.getParameterMap()
parmMap : function() {
var map = {};
try {
for (var p in index) { map[p] = data[index[p]]; }
} catch (e) {}
return map;
}
}
}();

这样就能通过html跳转传值了

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

您可能感兴趣的文章:

JAVASCRIPT实现的WEB页面跳转以及页面间传值方法
js跳转页面方法实现汇总
js 控制页面跳转的5种方法
javascript 页面跳转方法集合
JS 跳转页面延迟2种方法
js页面跳转的问题(跳转到父页面、最外层页面、本页面)
关于js与php互相传值的介绍
JS父页面与子页面相互传值方法
jquery ajax提交表单从action传值到jsp实现小结