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 相关文章推荐
json简单介绍
Jun 10 Javascript
Javascript事件热键兼容ie|firefox
Dec 30 Javascript
jQuery解决下拉框select设宽度时IE 6/7/8下option超出显示不全
May 27 Javascript
js实现图片无缝滚动特效
Mar 19 Javascript
基于BootStrap Metronic开发框架经验小结【五】Bootstrap File Input文件上传插件的用法详解
May 12 Javascript
js将字符串中的每一个单词的首字母变为大写其余均为小写
Jan 05 Javascript
node.js利用redis数据库缓存数据的方法
Mar 01 Javascript
原生JavaScript实现Tooltip浮动提示框特效
Mar 07 Javascript
vue增删改查的简单操作
Jul 15 Javascript
VUE v-model表单数据双向绑定完整示例
Jan 21 Javascript
Vue-CLI项目中路由传参的方式详解
Sep 01 Javascript
JavaScript forEach中return失效问题解决方案
Jun 01 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 empty函数判断mysql表单是否为空
2010/04/12 PHP
php自动识别文件编码并转换为UTF-8的方法
2014/06/12 PHP
一句话JavaScript表单验证代码
2009/08/02 Javascript
js+css使DIV始终居于屏幕中间 左下 左上 右上 右下的代码集合
2011/03/10 Javascript
利用javascript判断文件是否存在
2013/12/31 Javascript
jquery等待效果示例
2014/05/01 Javascript
chrome下jq width()方法取值为0的解决方法
2014/05/26 Javascript
jquery ui bootstrap 实现自定义风格
2014/11/14 Javascript
jQuery实现复选框成对选择及对应取消的方法
2015/03/03 Javascript
ECMA5数组的新增方法有哪些及forEach()模仿实现
2015/11/03 Javascript
Bootstrap复选框和单选按钮美化插件(推荐)
2016/11/23 Javascript
详解Weex基于Vue2.0开发模板搭建
2017/03/20 Javascript
web.js.字符串与正则表达式操作
2017/05/13 Javascript
Vue中的作用域CSS和CSS模块的区别
2018/10/09 Javascript
基于 vue-skeleton-webpack-plugin 的骨架屏实战
2019/08/05 Javascript
深入学习Vue nextTick的用法及原理
2019/10/08 Javascript
vue自定义树状结构图的实现方法
2020/10/18 Javascript
[03:01]完美盛典趣味短片 DOTA2年度最佳&拉胯英雄
2019/12/07 DOTA
python中matplotlib实现最小二乘法拟合的过程详解
2017/07/11 Python
Python之reload流程实例代码解析
2018/01/29 Python
基于python代码实现简易滤除数字的方法
2018/07/17 Python
python计算n的阶乘的方法代码
2019/10/25 Python
解决python replace函数替换无效问题
2020/01/18 Python
Python模拟FTP文件服务器的操作方法
2020/02/18 Python
如何写python的配置文件
2020/06/07 Python
详解Html5页面实现下载文件(apk、txt等)的三种方式
2018/10/22 HTML / CSS
Html5写一个简单的俄罗斯方块小游戏
2019/12/03 HTML / CSS
同步和异步有何异同,在什么情况下分别使用他们?
2012/12/28 面试题
创业计划书撰写原则
2014/01/25 职场文书
精神文明单位申报材料
2014/05/02 职场文书
2014年仓管员工作总结
2014/11/18 职场文书
2014年便民服务中心工作总结
2014/12/20 职场文书
财务部岗位职责
2015/02/03 职场文书
教师年度个人总结
2015/02/11 职场文书
学校德育工作总结2015
2015/05/11 职场文书
每日六道java新手入门面试题,通往自由的道路
2021/06/30 Java/Android