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 相关文章推荐
删除重复数据的算法
Nov 23 Javascript
javascript的对话框详解与参数
Mar 08 Javascript
js获取图片大小的函数代码
Sep 20 Javascript
基于JQuery 滑动与动画的说明介绍
Apr 18 Javascript
跟我学习javascript的for循环和for...in循环
Nov 18 Javascript
JavaScript的instanceof运算符学习教程
Jun 08 Javascript
JavaScript实现格式化字符串函数String.format
Dec 16 Javascript
解决VUEX兼容IE上的报错问题
Mar 01 Javascript
微信小程序左滑动显示菜单功能的实现
Jun 14 Javascript
Vue组件通信的几种实现方法
Apr 25 Javascript
原生js实现滑块区间组件
Jan 20 Javascript
vue的项目如何打包上线
Apr 13 Vue.js
浅析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
在“咖啡之国”感受咖啡文化
2021/03/03 咖啡文化
967 个函式
2006/10/09 PHP
php正则表达式使用的详细介绍
2013/04/27 PHP
php简单浏览目录内容的实现代码
2013/06/07 PHP
PHP实现微信提现功能(微信商城)
2019/11/21 PHP
Apache+PHP+MySQL搭建PHP开发环境图文教程
2020/08/06 PHP
ext 列表页面关于多行查询的办法
2010/03/25 Javascript
玩转jQuery按钮 请告诉我你最喜欢哪些?
2012/01/08 Javascript
将nodejs打包工具整合到鼠标右键的方法
2013/05/11 NodeJs
使用jquery+CSS实现控制打印样式
2014/12/31 Javascript
Angular2学习笔记——详解NgModule模块
2016/12/02 Javascript
前端开发之CSS原理详解
2017/03/11 Javascript
详解vue.js之绑定class和style的示例代码
2017/08/24 Javascript
vscode中vue-cli项目es-lint的配置方法
2018/07/30 Javascript
Vue.js实现的购物车功能详解
2019/01/27 Javascript
Vue中rem与postcss-pxtorem的应用详解
2019/11/20 Javascript
js实现打字小游戏
2019/12/17 Javascript
微信小程序实现抖音播放效果的实例代码
2020/04/11 Javascript
vue数据更新UI不刷新显示的解决办法
2020/08/06 Javascript
vue实现一个获取按键展示快捷键效果的Input组件
2021/01/13 Vue.js
[53:15]Mineski vs iG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
python调用短信猫控件实现发短信功能实例
2014/07/04 Python
Python使用defaultdict读取文件各列的方法
2017/05/11 Python
Pycharm 设置自定义背景颜色的图文教程
2018/05/23 Python
解决DataFrame排序sort的问题
2018/06/07 Python
django 将model转换为字典的方法示例
2018/10/16 Python
kafka-python批量发送数据的实例
2018/12/27 Python
python实现统计文本中单词出现的频率详解
2019/05/20 Python
python射线法判断一个点在图形区域内外
2019/06/28 Python
在django中实现choices字段获取对应字段值
2020/07/12 Python
移动端适配 使px自动转换rem
2019/08/26 HTML / CSS
优秀中专生推荐信
2013/11/17 职场文书
新闻学专业职业生涯规划范文:我的人生我做主
2014/09/12 职场文书
文案策划岗位职责
2015/02/11 职场文书
pytorch损失反向传播后梯度为none的问题
2021/05/12 Python
JS 4个超级实用的小技巧 提升开发效率
2021/10/05 Javascript