静态页面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 相关文章推荐
js的一些常用方法小结
Jun 29 Javascript
基于JavaScript实现简单的随机抽奖小程序
Jan 05 Javascript
微信公众平台开发教程(六)获取个性二维码的实例
Dec 02 Javascript
webpack打包后直接访问页面图片路径错误的解决方法
Jun 17 Javascript
JavaScript操作文件_动力节点Java学院整理
Jun 30 Javascript
JavaScript解析任意形式的json树型结构展示
Jul 23 Javascript
JavaScript实现各种排序的代码详解
Aug 28 Javascript
jQuery选择器中的特殊符号处理方法
Sep 08 jQuery
jQuery实现可兼容IE6的遮罩功能详解
Sep 19 jQuery
react.js 父子组件数据绑定实时通讯的示例代码
Sep 25 Javascript
前端性能优化建议
Sep 17 Javascript
vue数据字典取键值项目的字典问题
Apr 12 Vue.js
浅谈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
中国第一家无线电行
2021/03/01 无线电
为了这两部电子管收音机,买了6套全新电子管和10粒刻度盘灯泡
2021/03/02 无线电
基于empty函数的输出详解
2013/06/17 PHP
php 强制下载文件实现代码
2013/10/28 PHP
phpMyAdmin通过密码漏洞留后门文件
2018/11/20 PHP
PHP实现字符串大小写转函数的功能实例
2019/02/06 PHP
PHP如何防止用户重复提交表单
2020/12/09 PHP
[Web]防止用户复制页面内容和另存页面的方法
2009/02/06 Javascript
js固定DIV高度,超出部分自动添加滚动条的简单方法
2013/07/10 Javascript
jQuery基于muipicker实现仿ios时间选择
2016/02/22 Javascript
Vue.js 表单校验插件
2016/08/14 Javascript
用js实现简单算法的实例代码
2016/09/24 Javascript
BootstrapTable请求数据时设置超时(timeout)的方法
2017/01/22 Javascript
canvas实现粒子时钟效果
2017/02/06 Javascript
JavaScript中创建原子的方法总结
2018/08/26 Javascript
javascriptvoid(0)含义以及与&quot;#&quot;的区别讲解
2019/01/19 Javascript
Layui 数据表格批量删除和多条件搜索的实例
2019/09/04 Javascript
nodejs各种姿势断点调试的方法
2020/06/18 NodeJs
[02:29]完美世界高校联赛上海赛区回顾
2015/12/15 DOTA
python和C语言混合编程实例
2014/06/04 Python
Python 自动补全(vim)
2014/11/30 Python
Python的Tornado框架的异步任务与AsyncHTTPClient
2016/06/27 Python
详解django中自定义标签和过滤器
2017/07/03 Python
Python爬取个人微信朋友信息操作示例
2018/08/03 Python
在Pycharm中修改文件默认打开方式的方法
2019/01/17 Python
彻底理解Python中的yield关键字
2019/04/01 Python
详解python中index()、find()方法
2019/08/29 Python
Python安装OpenCV的示例代码
2020/03/05 Python
css3中单位px,em,rem,vh,vw,vmin,vmax的区别及浏览器支持情况
2016/12/06 HTML / CSS
HTML5 textarea高度自适应的两种方案
2020/04/08 HTML / CSS
捷克家居装饰及图书音像购物网站:Velký košík
2018/04/16 全球购物
户外拓展活动方案
2014/02/11 职场文书
计算机专业自荐信
2015/03/05 职场文书
2015年感恩母亲节的演讲稿
2015/03/18 职场文书
2015年领导班子工作总结
2015/05/23 职场文书
MATLAB 如何求取离散点的曲率最大值
2021/04/16 Python