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 相关文章推荐
js模拟点击以提交表单为例兼容主流浏览器
Nov 29 Javascript
js获取通过ajax返回的map型的JSONArray的方法
Jan 09 Javascript
JavaScript闭包函数访问外部变量的方法
Aug 27 Javascript
JavaScript实现获取dom中class的方法
Feb 09 Javascript
Backbone中View之间传值的学习心得
Aug 09 Javascript
探究JavaScript中的五种事件处理程序方式
Dec 07 Javascript
bootstrap table表格插件使用详解
May 08 Javascript
AngularJS实现的省市二级联动功能示例【可对选项实现增删】
Oct 26 Javascript
对vuex中store和$store的区别说明
Jul 24 Javascript
微信小程序轮播图swiper代码详解
Dec 01 Javascript
解决Vue-cli3没有vue.config.js文件夹及配置vue项目域名的问题
Dec 04 Vue.js
VUE解决跨域问题Access to XMLHttpRequest at
May 06 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
2020显卡排行榜天梯图 显卡天梯图2020年3月最新版
2020/04/02 数码科技
AM/FM收音机的安装与调试
2021/03/02 无线电
玩转虚拟域名◎+ .
2006/10/09 PHP
php实现的遍历文件夹下所有文件,编辑删除
2010/01/05 PHP
PHP字符串函数系列之nl2br(),在字符串中的每个新行 (\n) 之前插入 HTML 换行符br
2011/11/10 PHP
解析Linux下Varnish缓存的配置优化
2013/06/20 PHP
php检查函数必传参数是否存在的实例详解
2017/08/28 PHP
PHP htmlspecialchars_decode()函数用法讲解
2019/03/01 PHP
JavaScript 指导方针
2007/04/05 Javascript
超越Jquery_01_isPlainObject分析与重构
2010/10/20 Javascript
javaScript的函数对象的声明详解
2015/02/06 Javascript
javascript编写贪吃蛇游戏
2015/07/07 Javascript
js console.log打印对像与数组用法详解
2016/01/21 Javascript
用JS生成UUID的方法实例
2016/03/30 Javascript
JavaScript闭包实例详解
2016/06/03 Javascript
JavaScript 通过Ajax 动态加载CheckBox复选框
2017/08/31 Javascript
Angular中sweetalert弹框的基本使用教程
2018/07/22 Javascript
django使用channels2.x实现实时通讯
2018/11/28 Javascript
NodeJs操作MongoDB教程之分页功能以及常见问题
2019/04/09 NodeJs
Javascript Symbol原理及使用方法解析
2020/10/22 Javascript
Element el-button 按钮组件的使用详解
2021/02/01 Javascript
vue-router懒加载的3种方式汇总
2021/02/28 Vue.js
python实现学生管理系统
2018/01/11 Python
python mac下安装虚拟环境的图文教程
2019/04/12 Python
html5 利用canvas手写签名并保存的实现方法
2018/07/12 HTML / CSS
我的珠宝盒:Ma boîte à bijoux
2019/08/27 全球购物
Lancer Skincare官方网站:抗衰老皮肤护理
2020/11/20 全球购物
社团活动总结书
2014/06/27 职场文书
好的促销活动方案
2014/08/21 职场文书
2014乡镇班子个人对照检查材料思想汇报
2014/09/26 职场文书
高校师德师风自我剖析材料
2014/09/29 职场文书
2014年银行员工工作总结
2014/11/12 职场文书
小石潭记导游词
2015/02/03 职场文书
民政工作个人总结
2015/02/28 职场文书
我的中国梦主题班会
2015/08/14 职场文书
Mysql中存储引擎的区别及比较
2021/06/04 MySQL