Welcome 微信登录

首页 / 脚本样式 / JavaScript / 静态页面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=aaadata.push([p[1]]);index[p[0]] = data.length - 1; } else {// c=aaadata[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程序设计有所帮助。