在静态页面html中跳转传值

在html中通过"?"传值--------<a href="index2.html?name=caoy">静态传值</a>

在跳转到的页面index2.html中接收----var name=UrlParm.parm("name");

代码如下：

index.html:

[html] view plaincopy

<script type="text/javascript" src="js/getUrlParam.js"></script>
<a href="index2.html?name=caoy">静态传值</a>

index2.html:

[html] view plaincopy

<script type="text/javascript">
var name=UrlParm.parm("name");
alert(name);
</script>

getUrlParam.js:

[html] view plaincopy

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页面送值转换,在静态页面html中跳转传值
在html中通过"?"传值--------静态传值在跳转到的页面index2.html中接收----var name=UrlParm.parm("name") ...
html静态页面跳转传值,在静态页面html中跳转传值
在html中通过"?"传值--------静态传值在跳转到的页面index2.html中接收----var name=UrlParm.parm("name") ...
js页面传值php页面,php实现跳转传值有什么方法,js页面跳转传值
php实现跳转传值有什么方法PHP实现跳转值传递的方法是什么,php实现跳转值传递的方法如下:1.POST值传递:2.GET值传递:3.会话作为值传递.SESSION是一种全局变量,常用于用户登录后保 ...
关于静态页面布局中的一些BUG
作为一枚初级程序猿,难免在制作静态页面时会遇到一些BUG,在此,我从网上找了一些资料并且结合自己的项目开发经验,总结了一些在静态页面布局时可能会遇到的问题,希望能对初级程序猿有一定的帮助(资料请参考: ...
MUI框架开发HTML5手机APP(二)--页面跳转传值底部选项卡切换
原文链接: 一.MUI加载子页面 1加载子页面详解在mobile app开发过程中,经常遇到卡头卡尾的页面,也就是说头部和尾部保持不动,而只有中间区域可以滚动,常见的就是新闻列表与详情页等情况: ...
HTML：调用静态页面html 的几种方法
今天做办公用品管理系统时,发现需要用到在一个静态页面html 中调用多个静态页面html的内容.查找资料总结了以下一些方法: 一.iframe引入的方法代码如下: &l ...
php微信分享带缩略图,静态页面实现微信分享带缩略图、标题和描述
在前一篇文章<微信转发或分享朋友圈带缩略图.标题和描述的实现方法>中,余斗已经教大家如何实现在自有网站上实现微信分享后自带缩略图.标题和描述,这里是在动态php页面中实现,这里有很大的局限 ...
vue中页面跳转传值_vue 页面跳转传参
页面之间的跳转传参,正常前端js里写 window.location.href="xxxxx?id=1" 就可以了: 但是vue不一样需要操作的是路由history,需要用到 V ...
用vscode编写静态页面_开发中实用的VSCode插件推荐
本篇文章给大家介绍一下开发中实用的VSCode插件推荐.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 工欲善其事必先利其器,以下是本人为前端开发收集的vscode插件,有需要的话赶 ...
静态html页面传递参数,javascript实现静态页面之间的传值
静态页面之间传值有多种方法:1.通过url 2.通过cookie 3.window.open传值 4.HTML5 localStorage传值方法一:url传值主要原理是:通过GET方法然后获取U ...

在静态页面html中跳转传值

在静态页面html中跳转传值相关推荐

最新文章

热门文章