静态页面html中跳转传值的JS处理技巧
来源: 阅读:1366 次 日期:2016-07-12 16:25:02
温馨提示: 小编为您整理了“静态页面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程序设计有所帮助。

更多信息请查看网络编程
由于各方面情况的不断调整与变化, 提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!
关于我们 | 联系我们 | 人才招聘 | 网站声明 | 网站帮助 | 非正式的简要咨询 | 简要咨询须知 | 加入群交流 | 手机站点 | 投诉建议
工业和信息化部备案号:滇ICP备2023014141号-1 云南省教育厅备案号:云教ICP备0901021 滇公网安备53010202001879号 人力资源服务许可证:(云)人服证字(2023)第0102001523号
云南网警备案专用图标
联系电话:0871-65317125(9:00—18:00) 获取招聘考试信息及咨询关注公众号:hfpxwx
咨询QQ:526150442(9:00—18:00)版权所有:
云南网警报警专用图标
Baidu
map