在静态页面html中跳转传值
在html中通过"?"传值--------<a href="index2.html?name=caoy">静态传值</a>
在跳转到的页面index2.html中接收----var name=UrlParm.parm("name");
代码如下:
index.html:
- <script type="text/javascript" src="js/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中跳转传值的更多相关文章
- 静态页面HTML中标签的优化(转)
静态页面HTML中标签的优化 (2010-04-03 20:54:06) 标签: 电脑 name 罗马数字 css 表单 杂谈 分类: 网页制作 从网上看了一篇关于静态页面中标签优化的问题,感觉还不错 ...
- 关于 静态页面布局 中的一些BUG
作为一枚初级程序猿,难免在制作静态页面时会遇到一些BUG,在此,我从网上找了一些资料并且结合自己的项目开发经验,总结了一些在静态页面布局时可能会遇到的问题,希望能对初级程序猿有一定的帮助(资料请参考: ...
- MUI框架开发HTML5手机APP(二)--页面跳转传值&底部选项卡切换
概 述 JRedu 在上一篇博客中,我们学习了如何使用Hbuilder创建一个APP,同时如何使用MUI搭建属于自己的第一款APP,没有学习的同学可以戳链接学习: http://www.cnblo ...
- HTML:调用静态页面html 的几种方法
今天做办公用品管理系统时,发现需要用到在一个静态页面html 中调用多个静态页面html的内容.查找资料总结了以下一些方法: 一.iframe引入的方法 代码如下: <!-- 部门--> ...
- 阶段5 3.微服务项目【学成在线】_day09 课程预览 Eureka Feign_09-课程详情页面静态化-静态页面测试
4 课程详情页面静态化 4.1 静态页面测试 4.1.1 页面内容组成 我们在编写一个页面时需要知道哪些信息是静态信息,哪些信息为动态信息,下图是页面的设计图: 打开静态页面,观察每部分的内容. 红色 ...
- iOS 页面跳转传值,属性传值,代理传值,代码块传值,单例传值,通知传值
有时候我们在页面跳转的时候回传递相应的参数,如,你想把在第一个页面的文本框里的内容显示在第二个文本框中,或者你又想把第二个文本框中的内容改变之后到第一个页面的文本框中,所有,这个时候我们就要用到页面跳 ...
- 16Flutter中的路由 基本路由 基本路由跳转传值(上)
/* Flutter中的普通路由.普通路由传值.命名路由.命名路由传值 Flutter中的路由通俗的讲就是页面跳转.在Flutter中通过Navigator组件管理路由导航. 并提供了管理堆栈的方法. ...
- 在静态页面中使用 Vue.js
在静态页面中使用 Vue.js 不使用Node.js, NPM, Webpack 等, 在静态页中使用Vue.js. 包括路由, 单文件组件. 1. 创建index.html index.html做为 ...
- showModalDialog 刷新问题,在页面中跳转问题
showModalDialog 刷新问题 ,在页面中跳转问题 <html><head> <base target="_self" >< ...
随机推荐
- 模糊化GPU滤镜汇总
GPUImageTiltShiftFilter 这是一个模糊图片上下两层的滤镜效果,可以调节模糊边界,可以调节模糊程度 总共4个参数,具体如下 //模糊度的调节,0为最清晰,后面越来越模糊 ...
- ACM1019_最大公倍数
/*问题说明 一组正整数的最小公倍数(LCM)是最小的正整数约数集合中的所有号码. 例如,5,7和15的最小公倍数是105. 输入 输入将包括多个问题的实例.输入的第一行中,将包含一个整数, 表示问题 ...
- ubuntu制作usb启动盘
准备: u盘 iso镜像文件--ubuntu-12.04.2-desktop-amd64.iso 烧盘软件--unetbootin-linux-583 步骤: 格式化u盘 查看u盘信息 #mount/ ...
- Eclipse Maven Project
http://www.cnblogs.com/candle806/p/3439469.html
- zoj 3757 Alice and Bob and Cue Sports 月赛A 模拟
题目链接:http://acm.zju.edu.cn/onlinejudge/showProblem.do?problemCode=3757 题意:根据所给的台球规则,按照每次的结果计算最终两人的得分 ...
- An Easy Problem?! - POJ 2826(求面积)
题目大意:有两块木板交叉起来接雨水,问最多能接多少. 分析:题目描述很简单,不过有些细节还是需要注意到,如下图几种情况: #include<stdio.h> #include< ...
- 敏捷开发松结对编程系列:L型代码结构案例StatusFiltersDropdownList(中)
这是松结对编程的第22篇(专栏目录). 接前文 业务代码 比较长,基本上就是看被注释隔开的三大段,先显示状态群筛选链接,然后是单个状态筛选,然后是显示下拉框的当前选中项,最后显示下拉框. public ...
- list的三种遍历方法
1.最简单的for循环遍历 for(int i = 0; i < list.size(); i++){ list.get(i); } 2.最方便的foreach循环遍 ...
- 把数据库中表的内容转存为XML文件
把数据库中表的内容转存为XML字符串() ::::) " Code" IsThirdStock" CreateUser::" Code ...
- C#-Mdi多文档窗体及其子窗体的排列 ---ShinePans
MdiLayout枚举成员及说明 Casecade s全部Mdi层叠在父窗体 TileHorizontal 水平平铺 TitleVertical 垂直平铺 Form1.cs (mdi) using S ...