js实现页面a向页面b传参的方法


Posted in Javascript onMay 29, 2016

本文为大家分享了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程序设计有所帮助。

Javascript 相关文章推荐
DD_belatedPNG,IE6下PNG透明解决方案(国外)
Dec 06 Javascript
JAVASCRIPT车架号识别/验证函数代码 汽车车架号验证程序
Jan 08 Javascript
javascript实现复选框选中属性
Mar 25 Javascript
js通过iframe加载外部网页的实现代码
Apr 05 Javascript
jQuery实现在最后一个元素之前插入新元素的方法
Jul 18 Javascript
JavaScript与jQuery实现的闪烁输入效果
Feb 18 Javascript
JavaScript笔记之数据属性和存储器属性
Mar 31 Javascript
详解开发react应用最好用的脚手架 create-react-app
Apr 24 Javascript
详解基于Vue-cli搭建的项目如何和后台交互
Jun 29 Javascript
vuejs 制作背景淡入淡出切换动画的实例
Sep 01 Javascript
vue移动端html5页面根据屏幕适配的四种解决方法
Oct 19 Javascript
vue 如何使用递归组件
Oct 23 Javascript
浅析jQuery中使用$所引发的问题
May 29 #Javascript
基于jQuery实现仿百度首页选项卡切换效果
May 29 #Javascript
jQuery实现图像旋转动画效果
May 29 #Javascript
jQuery中使用animate自定义动画的方法
May 29 #Javascript
javascript实现粘贴qq截图功能(clipboardData)
May 29 #Javascript
js剪切板应用clipboardData实例解析
May 29 #Javascript
js实现可控制左右方向的无缝滚动效果
May 29 #Javascript
You might like
PHP+MYSQL开发工具及资源收藏
2007/01/02 PHP
深思 PHP 数组遍历的差异(array_diff 的实现)
2008/03/23 PHP
php利用smtp类实现电子邮件发送
2015/10/30 PHP
PHP内存缓存功能memcached示例
2016/10/19 PHP
PHP7 标准库修改
2021/03/09 PHP
jqPlot jquery的页面图表绘制工具
2009/07/25 Javascript
IE和firefox浏览器的event事件兼容性汇总
2009/12/06 Javascript
灵活应用js调试技巧解决样式问题的步骤分享
2012/03/15 Javascript
js获取height和width的方法说明
2013/01/06 Javascript
JavaScript中对象property的读取和写入方法介绍
2014/12/30 Javascript
JavaScript中的Repaint和Reflow用法详解
2015/07/27 Javascript
浅析JavaScript 调试方法和技巧
2015/10/22 Javascript
用headjs来管理和加载js 提高网站加载速度
2016/11/29 Javascript
js转换对象为xml
2017/02/17 Javascript
原生js实现移动端触摸轮播的示例代码
2017/12/22 Javascript
JS实现的自定义map方法示例
2019/05/17 Javascript
jquery实现掷骰子小游戏
2019/10/24 jQuery
微信小程序实现modal弹出框遮罩层组件(可带文本框)
2020/12/20 Javascript
Python使用爬虫抓取美女图片并保存到本地的方法【测试可用】
2018/08/30 Python
python批量下载网站马拉松照片的完整步骤
2018/12/05 Python
python读取图片任意范围区域
2019/01/23 Python
Python、 Pycharm、Django安装详细教程(图文)
2019/04/12 Python
解决windows下python3使用multiprocessing.Pool出现的问题
2020/04/08 Python
HTML5上传文件显示进度的实现代码
2012/08/30 HTML / CSS
HTML table 表格边框的实现思路
2019/10/12 HTML / CSS
不开辟用于交换数据的临时空间,如何完成字符串的逆序
2012/12/02 面试题
法院实习人员自我鉴定
2013/09/26 职场文书
计算机应用职专应届生求职信
2013/11/12 职场文书
银行柜员应聘推荐信范文
2013/11/24 职场文书
岗位职责怎么写
2014/03/14 职场文书
国庆庆典邀请函
2015/02/02 职场文书
技术员岗位职责
2015/02/04 职场文书
保送生自荐信
2015/03/06 职场文书
2015学校图书管理员工作总结
2015/05/11 职场文书
导游词之四川熊猫基地
2020/01/13 职场文书
利用python进行数据加载
2021/06/20 Python