从品牌网站建设到网络营销策划,从策略到执行的一站式服务
html5 postmessage的传参使用方法:
成都创新互联公司从2013年创立,先为恭城等服务建站,恭城等地企业,进行企业商务咨询服务。为恭城企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
1、在html5中,要实现跨域页面间的数据互访,需要调用对象的postMessage方法,其调用格式如下:
参数说明如下:
参数otherWindow为接收数据页面的引用对象,可以是window.open的返回值,也可以是iframe的contentWindow属性或通过下标返回的window.frames单个实体对象;
参数message表示所有发送的数据,字符类型,也可以是JSON对象转换后的字符内容;
参数targetOrigin表示发送数据的URL来源,用于限制otherWindow对象接受范围,如果该值为通配符*号,则表示不限制发送来源,指向全部的地址。
2、下面通过实例介绍使用PostMessage()方法实现跨文档传输数据的过程。
不同页面之间的传值方法有,1 地址传值(get),2 cookie, 3 localstorage, 4 flash, 5 依赖后端服务器。
不同场景和需求选择不同方案。
cookie或者localStorage
例如localStorage,在A页面里面改变完成的时候用localStorage写入内容进去,localStorage.setItem('a', '传入的内容'),然后在B页面localStorage.getItem('a'),如果写入进去读出来就是“传入的内容”,如果没写入就是未定义(undefined)。
实际使用中是a提交给服务器 服务器产生b时就能直接生产在页面里
如果只是学习 可以a生产cookie b页面读取
IE11肯定是支持的,你是同样的代码在IE11下跑不起来是吧,你看一下用的是兼容模式还是普通模式,兼容模式不支持html5当然没法用,普通模式支持html5自然可以用
不同页面之间的传值方法有,1 地址传值(get),2 cookie, 3 ,localstorage
不同场景和需求选择不同方案。
Get:是以实体的方式得到由请求URI所指定资源的信息,如果请求URI只是一个数据产生过程,那么最终要在响应实体中返回的是处理过程的结果所指向的资源,而不是处理过程的描述。
Cookie通常也叫做网站cookie,浏览器cookie或者http cookie,是保存在用户浏览器端的,并在发出http请求时会默认携带的一段文本片段。它可以用来做用户认证,服务器校验等通过文本数据可以处理的问题。
localstorage存储对象分为两种:
① sessionStrage: session即会话的意思,在这里的session是指用户浏览某个网站时,从进入网站到关闭网站这个时间段,session对象的有效期就只有这么长。
② localStorage: 将数据保存在客户端硬件设备上,不管它是什么,意思就是下次打开计算机时候数据还在。
两者区别就是一个作为临时保存,一个长期保存。
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图