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

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

发布于 2017-03-11 12:58:18 | 141 次阅读 | 评论: 0 | 来源: 网友投递

JavaScript客户端脚本语言Javascript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言，主要目的是为了解决服务器端语言，比如Perl，遗留的速度问题，为客户提供更流畅的浏览效果。

这篇文章主要介绍了静态页面html中跳转传值的JS处理技巧,结合实例形式分析了HTML页面跳转通过URL传递参数的方法与javascript处理技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了静态页面html中跳转传值的JS处理技巧。分享给大家供大家参考，具体如下：

在html中通过"?"传值：

静态传值

在跳转到的页面index2.html中接收：

var name=UrlParm.parm("name");

代码如下：

index.html:

静态传值

index2.html:

var name=UrlParm.parm("name");

alert(name);

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程序设计有所帮助。

相关阅读:

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

JS中Iframe之间传值的方法

javascript静态页面传值的三种方法分享

JS中Iframe之间传值及子页面与父页面应用

页面中iframe相互传值传参

基于JS实现移动端访问PC端页面时跳转到对应的移动端网页

JavaScript实现同一页面内两个表单互相传值的方法

JavaScript实现在页面间传值的方法

js实现页面跳转重定向的几种方式

根据邮箱的域名跳转到相应的登录页面的代码

javascript不同页面传值的改进版

详解js界面跳转与值传递