js实现页面a向页面b传参的方法
更新时间：2016年05月29日 16:06:35 作者：人生梦想起飞
这篇文章主要为大家详细介绍了js实现页面a向页面b传参的方法，感兴趣的小伙伴们可以参考一下
本文为大家分享了js实现页面a向页面b传参的具体方法，供大家参考，具体内容如下
方法一：使用HTML5本地化存储(localStorage) 组件（本地最大能存储5M数据）localStorage是本地永久存储数据，是cookie的优化
方法二：使用cookie将数据存放在客户的浏览器 （最大存储2M数据）
方法三：使用url传参 （将要传递的数据保存为一个存储变量，然后传给url）方法如下;
a.html
var app = {};
app.list = '123'
app.test = '1';
window.location.href = "b.html?name="+app;
如何参数是对象的话要先转化字符JSON.stringify(app)，在b页面获取的话再转换化为对象
b.html
接收url传递过来的参数
function GetRequest() {
var url = location.search; //获取url中"?"符后的字串
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(1);
strs = str.split("&");
for(var i = 0; i < strs.length; i ++) {
theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
}
}
return theRequest;
}
console.log(JSON.parse(GetRequest().name).list)
各个浏览器对URL的长度有限制：
1. IE浏览器对URL的长度现限制为2048字节(自己测试最多为2047字节)。
2. 360极速浏览器对URL的长度限制为2118字节。
3. Firefox(Browser)对URL的长度限制为65536字节。
4. Safari(Browser)对URL的长度限制为80000字节。
5. Opera(Browser)对URL的长度限制为190000字节。
6. Google(chrome)对URL的长度限制为8182字节。
这里，我只测试过IE浏览器和360极速浏览器，其它浏览器来自于网上的资料。
另外提醒一下大家，URL中，一个汉字通过不同的编码方式大小也不一样。
以上就是js实现一个页面向另一个页面传参的方法，希望对大家学习JavaScript程序设计有所帮助。
相关文章
这篇文章主要为大家详细介绍了JS使用Dijkstra算法求解最短路径，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-01-01
今天小编就为大家分享一篇对layui中table组件工具栏的使用详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
本文给大家总结了javascript函数的一些注意要点及js匿名函数，主要知识点有：函数的基本语法、函数的参数、函数的重载相关知识，对本文感兴趣的朋友一起学习吧2015-11-11
这篇文章主要为大家详细介绍了前端天气插件tpwidget使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-06-06
这篇文章主要为大家分享了KnockoutJs快速入门教程，了解KnockoutJs到底是什么？如何使用KnockoutJS中的data-bind语法来将模型数据绑定到DOM元素中，感兴趣的小伙伴们可以参考一下2016-05-05
不用确认即可打印的javascript代码...2007-10-10
单线程的同步等待极大影响效率，任务不得不一个一个等待执行，对于网页应用是无法接受的。所以Javascript使用事件循环机制来解决异步任务的问题。本文就来讲讲Javascript的事件循环机制，希望对你有所帮助2022-09-09
移动设备分辨率五花八门虽然我们可以通过CSS3的media query来实现适配，但是这种做法并不能适配所有设备，这篇文章主要介绍了js动态计算移动端rem的解决方案，非常不错，感兴趣的朋友一起看看吧2016-10-10
这篇文章主要为大家详细介绍了微信小程序实现横向滚动条，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-06-06
javascript动画系列之网页白板 javascript实现的白板(兼容ff,ie,chrome,……)2010-07-07
最新评论