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


Posted in Javascript onJune 22, 2016

本文实例讲述了静态页面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 相关文章推荐
腾讯与新浪的通过IP地址获取当前地理位置(省份)的接口
Jul 26 Javascript
jQuery hover 延时器实现代码
Mar 12 Javascript
node.js中的fs.utimes方法使用说明
Dec 15 Javascript
在JavaScript中使用对数Math.log()方法的教程
Jun 15 Javascript
jquery实现点击展开列表同时隐藏其他列表
Aug 10 Javascript
jquery ztree实现树的搜索功能
Feb 25 Javascript
通过隐藏iframe实现无刷新上传文件操作
Mar 16 Javascript
老司机带你解读jQuery插件开发流程
May 16 Javascript
jQuery中的一些常见方法小结(推荐)
Jun 13 Javascript
利用浮层使select不可选的实现方法
Dec 03 Javascript
浅谈JavaScript 代码简洁之道
Jan 09 Javascript
VUE子组件向父组件传值详解(含传多值及添加额外参数场景)
Sep 01 Javascript
浅谈JavaScript for循环 闭包
Jun 22 #Javascript
Javascript获取随机数的实现方法
Jun 22 #Javascript
解析浏览器端的AJAX缓存机制
Jun 21 #Javascript
JS实现对中文字符串进行utf-8的Base64编码的方法(使其与Java编码相同)
Jun 21 #Javascript
第十篇BootStrap轮播插件使用详解
Jun 21 #Javascript
JavaScript简单获取页面图片原始尺寸的方法
Jun 21 #Javascript
第九篇Bootstrap导航菜单创建步骤详解
Jun 21 #Javascript
You might like
PHP函数之日期时间函数date()使用详解
2013/09/09 PHP
easyui的tabs update正确用法分享
2014/03/21 PHP
php上传文件并显示上传进度的方法
2015/03/24 PHP
最新制作ThinkPHP3.2.3完全开发手册
2015/11/23 PHP
PHP的PDO常用类库实例分析
2016/04/07 PHP
记录一次排查PHP脚本执行卡住的问题
2016/12/27 PHP
服务端 VBScript 与 JScript 几个相同特性的写法 By shawl.qiu
2007/03/06 Javascript
this[] 指的是什么内容 讨论
2007/03/24 Javascript
List Information About the Binary Files Used by an Application
2007/06/18 Javascript
js最简单的拖拽效果实现代码
2010/09/24 Javascript
javascript中的继承实例代码
2011/04/27 Javascript
jQuery根据元素值删除数组元素的方法
2015/06/24 Javascript
Jquery日历插件制作简单日历
2015/10/28 Javascript
JavaScript的Backbone.js框架的一些使用建议整理
2016/02/14 Javascript
JS把内容动态插入到DIV的实现方法
2016/07/19 Javascript
jQuery 选择器(61种)整理总结
2016/09/26 Javascript
Html5 js实现手风琴效果
2020/04/17 Javascript
vue输入节流,避免实时请求接口的实例代码
2019/10/30 Javascript
儿童编程python入门
2018/05/08 Python
matplotlib部件之矩形选区(RectangleSelector)的实现
2021/02/01 Python
GUESS盖尔斯法国官网:美国时尚品牌
2016/09/23 全球购物
Armor Lux法国官方网站:水手服装、成衣和内衣
2020/05/26 全球购物
意大利网上购书网站:Libraccio.it
2021/02/03 全球购物
我们在web应用开发过程中经常遇到输出某种编码的字符,如iso8859-1等,如何输出一个某种编码的字符串?
2014/03/30 面试题
关于运动会的稿件
2014/02/02 职场文书
小学开学典礼主持词
2014/03/19 职场文书
关于教师节的广播稿
2014/09/10 职场文书
2014最新预备党员思想汇报范文:中国梦,我的梦
2014/10/25 职场文书
小班上学期个人总结
2015/02/12 职场文书
搞笑老公保证书
2015/02/26 职场文书
企业战略合作意向书
2015/05/08 职场文书
高中团支书竞选稿
2015/11/21 职场文书
辞职申请书范本
2019/05/20 职场文书
AI:如何训练机器学习的模型
2021/04/16 Python
python scipy 稀疏矩阵的使用说明
2021/05/26 Python
压缩Redis里的字符串大对象操作
2021/06/23 Redis