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 相关文章推荐
基于jquery实现页面滚动时顶部导航显示隐藏
Apr 20 Javascript
javascript+css3 实现动态按钮菜单特效
Feb 06 Javascript
轻松搞定jQuery.noConflict()
Feb 15 Javascript
AngularJS实现路由实例
Feb 12 Javascript
详解Vue路由开启keep-alive时的注意点
Jun 20 Javascript
vue系列之动态路由详解【原创】
Sep 10 Javascript
JavaScript复制内容到剪贴板的两种常用方法
Feb 27 Javascript
JavaScript图片处理与合成总结
Mar 04 Javascript
vue项目中,main.js,App.vue,index.html的调用方法
Sep 20 Javascript
Vue项目中配置pug解析支持
May 10 Javascript
Vue常用的全选/反选的示例代码
Feb 19 Javascript
node中使用shell脚本的方法步骤
Mar 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的ASP防火墙
2006/10/09 PHP
PHP 生成的XML以FLASH获取为乱码终极解决
2009/08/07 PHP
解析PHP获取当前网址及域名的实现代码
2013/06/23 PHP
php session_decode函数用法讲解
2019/05/26 PHP
PHP autoload使用方法及步骤详解
2020/09/05 PHP
css动画效果之animation的常用样式
2021/03/09 HTML / CSS
jqPlot 基于jquery的画图插件
2011/04/26 Javascript
利用jQuery简单实现产品展示图片左右滚动功能(示例代码)
2014/01/02 Javascript
返回上一页并自动刷新的JavaScript代码
2014/02/19 Javascript
javascript常用函数归纳整理
2014/10/31 Javascript
Javascript实现单张图片浏览
2014/12/18 Javascript
通用javascript代码判断版本号是否在版本范围之间
2015/11/29 Javascript
jQuery解析返回的xml和json方法详解
2017/01/05 Javascript
Bootstrap学习笔记 轮播(Carousel)插件
2017/03/21 Javascript
利用jQuery解析获取JSON数据
2017/04/08 jQuery
解决Extjs下拉框不显示的问题
2017/06/21 Javascript
BootStrap入门学习第一篇
2017/08/28 Javascript
浅析Node.js非对称加密方法
2018/01/29 Javascript
webpack配置导致字体图标无法显示的解决方法
2018/03/06 Javascript
如何在微信小程序中实现Mixins方案
2019/06/20 Javascript
vue-cli3中配置alias和打包加hash值操作
2020/09/04 Javascript
wepy--用vantUI 实现上弹列表并选择相应的值操作
2020/11/03 Javascript
微信小程序实现首页弹出广告
2020/12/03 Javascript
[14:20]刀塔大凶女神互压各路奇葩屌丝
2014/05/16 DOTA
[40:31]Secret vs Alliacne 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
浅谈Python peewee 使用经验
2017/10/20 Python
Python程序员面试题 你必须提前准备!
2018/01/16 Python
Python标准库shutil用法实例详解
2018/08/13 Python
pytorch 在网络中添加可训练参数,修改预训练权重文件的方法
2019/08/17 Python
python图的深度优先和广度优先算法实例分析
2019/10/26 Python
Python selenium使用autoIT上传附件过程详解
2020/05/26 Python
个人自我评价范文
2014/02/05 职场文书
新店开张活动方案
2014/08/24 职场文书
2014学生会工作总结报告
2014/12/02 职场文书
Python中22个万用公式的小结
2021/07/21 Python
Android实现获取短信验证码并自动填充
2023/05/21 Java/Android