首页 > 编程 > JavaScript > 正文

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

2019-11-20 09:38:10
字体:
来源:转载
供稿:网友

本文实例讲述了静态页面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程序设计有所帮助。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表