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 相关文章推荐
原生javascript实现Tab选项卡切换功能
Jan 12 Javascript
用队列模拟jquery的动画算法实例
Jan 20 Javascript
jquery实现带缩略图的可定制高度画廊效果(5种)
Aug 28 Javascript
JS表格组件BootstrapTable行内编辑解决方案x-editable
Sep 01 Javascript
Angular Module声明和获取重载实例代码
Sep 14 Javascript
js完整倒计时代码分享
Sep 18 Javascript
angular2中Http请求原理与用法详解
Jan 11 Javascript
AngularJS中的作用域实例分析
May 16 Javascript
vue watch普通监听和深度监听实例详解(数组和对象)
Aug 16 Javascript
JavaScript函数、闭包、原型、面向对象学习笔记
Sep 06 Javascript
如何使用puppet替换文件中的string
Dec 06 Javascript
微信小程序 下拉刷新及上拉加载原理解析
Nov 06 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
全国FM电台频率大全 - 10 江苏省
2020/03/11 无线电
PHP sprintf()函数用例解析
2011/05/18 PHP
浅谈web上存漏洞及原理分析、防范方法(安全文件上存方法)
2013/06/29 PHP
php控制文件下载速度的方法
2015/03/24 PHP
PHP计算日期相差天数实例分析
2016/02/23 PHP
thinkPHP实现递归循环栏目并按照树形结构无限极输出的方法
2016/05/19 PHP
formValidator3.3的ajaxValidator一些异常分析
2011/07/12 Javascript
jQuery EasyUI API 中文文档 - NumberSpinner数值微调器使用介绍
2011/10/21 Javascript
jquery 触发a链接点击事件解决方案
2013/05/02 Javascript
Jquery实现控件的隐藏和显示实例
2014/02/08 Javascript
Javascript学习笔记之 对象篇(一) : 对象的使用和属性
2014/06/24 Javascript
jQuery+HTML5实现手机摇一摇换衣特效
2015/06/05 Javascript
微信小程序教程系列之设置标题栏和导航栏(7)
2020/06/29 Javascript
js中apply和call的理解与使用方法
2019/11/27 Javascript
python实现class对象转换成json/字典的方法
2016/03/11 Python
Python编程中实现迭代器的一些技巧小结
2016/06/21 Python
Python基于递归算法实现的走迷宫问题
2017/08/04 Python
Diango + uwsgi + nginx项目部署的全过程(可外网访问)
2018/04/22 Python
python自动化生成IOS的图标
2018/11/13 Python
Python 中Django安装和使用教程详解
2019/07/03 Python
详解django实现自定义manage命令的扩展
2019/08/13 Python
numpy.transpose()实现数组的转置例子
2019/12/02 Python
业务助理岗位职责
2013/11/18 职场文书
大学生旷课检讨书
2014/01/22 职场文书
小区门卫管理制度
2014/01/29 职场文书
护士岗位职责
2014/02/16 职场文书
公司年会抽奖活动主持词
2014/03/31 职场文书
企业宗旨标语
2014/06/10 职场文书
班主任经验交流材料
2014/12/16 职场文书
2016党校培训心得体会
2016/01/07 职场文书
2019新员工心得体会
2019/06/25 职场文书
Django使用channels + websocket打造在线聊天室
2021/05/20 Python
PostGIS的安装与入门使用指南
2022/01/18 PostgreSQL
试用1103暨1103、1101同门大比武 [ DAIWEI ]
2022/04/05 无线电
源码安装apache脚本部署过程详解
2022/09/23 Servers
table不让td文字溢出操作方法
2022/12/24 HTML / CSS