window.addEventListener()/window.postMessage(”text“, '*')

1.设置监听

window.addEventListener('message', function (msg) {
console.log(msg.data);
})

2.发送 message

window.postMessage(”message“, '*');

实现多页面通讯；

使用postMessage 需要精确的目标origin，不要用 *。

window.addEventListener()/window.postMessage(”text“, '*')的更多相关文章

window.open之postMessage传参数
这次要实现一个window.open打开子视窗的同时传参数到子视窗,关闭的时候返回参数. 当然简单的做法非常简单,直接在window.open的URL之后接参数即可,但是毕竟get method的参数 ...
window.addEventListener绑定事件记得删除
在做postMessage通信时,window.addEventListener绑定的事件记得要remove掉就和setTime一样,不然占用内存资源
window.addEventListener来解决让一个js事件执行多个函数
可能你也碰到过这种情况,就是在js的代码中用了window.onload后,可能会影响到body中的onload事件.这时就要用window.attachEvent和window.addEventLi ...
window.addeventlistener使用方法
http://www.jb51.net/article/49858.htm .................................................... (要注意的是div ...
autoHeight # 动态高度添加用 window.addEventListener('resize', function () {
动态高度添加用 window.addEventListener('resize', function () { mounted () { this.init() window.addEventLis ...
window.addEventListener('error')监听页面是否更新版本
因本司更新迭代的速度很快,有时候更改一个BUG就要马上更新版本,就会引起用户在应用当中,页面点击无反应,其实是打包的js和css的包名称更改,找不到以前的包的缘故.我现在用一个小方法,判断js或css ...
vue 中监听窗口发生变化，触发监听事件， window.onresize && window.addEventListener('resize'，fn) ，window.onresize无效的处理方式
// 开始这样写,不执行 window.onresize = function() { console.log('窗口发生变化') } // 改成window监听事件 window.addEventL ...
动态高度计算 height window.addEventListener('resize', () => {
created() { window.addEventListener('resize', () => { }) },
js 跨域复习 window.name | window.domain | iframe | Jsonp
引起跨域的原因: 浏览器的同源策略,但是当你要发送请求的时候,出于安全性问题,浏览器有严格的要求,必须协议,域名,端口都相同,这个就是同源策略. 影响:a通过js脚本向b发送ajax请求,不同源就会报 ...

随机推荐

关于面向对象和String类型的 09，10
package test.面试题; public class Test9 { public static void main(String[] args){ Outer.Inner in=new Ou ...
第12课：HTML基础之DOM操作1
DOM(Document Object Model):文本对象模型 dom对象实际上是html页面转成成的文本对象,可以通过dom对象中js提供的方法找到htm中的各个标签. 练习URL:http:/ ...
Android sdk 更新后编译不过，【Could not find com.android.sdklib.build.ApkBuilderMain】
最近更新了Android sdk,发现编译不过了解决方案: 进入 sdk/tool/lib/ 目录下,看看有没有 sdklib.jar 这个文件,如果没有看看有没有sdklib-25.*.*.jar ...
SOA实践指南-读书笔记
SOA是英文Service-Oriented Architecture,即面向服务架构的缩写. SOA是一种范式,目的是增强灵活性.SOA很适宜处理复杂的分布式系统. SOA方法接受异质(不同的平台, ...
[爬虫] 学Scrapy，顺便把它的官方教程给爬下来
想学爬虫主要是因为算法和数据是密切相关的,有数据之后可以玩更多有意思的事情,数据量大可以挖掘挖掘到更多的信息. 之前只会通过python中的request库来下载网页内容,再用BeautifulSou ...
Luogu2435 染色【状压qwq】【轮廓线DP】
LINK 题目大意有一个 n 行 m 列的格点图,你需要给每个点上染上 k 种颜色中的一种,要求没有两个相邻点颜色相同.给定第一行与最后一行的染色,试求总染色方案数. 思路暴力预处理状态暴力转移可 ...
使用 Content-Encoding: br 替换 Content-Encoding: gzip
今天在测试一个web 框架的时候无意发现框架运行是响应头时有一个 Content-Encoding: br 发现是一个gzip 算法的替代,同时压缩比很不错浏览器兼容性如下: nginx 的配置参考 ...
hasura graphql server (haskell)构建
安装 &&运行pg(docker) version: '3.6' services: postgres: image: postgres environment: - "PO ...
FastAdmin Bootstrap-table 特定某行背景变红
FastAdmin Bootstrap-table 特定某行背景变红 rowStyle: function (row, index) { var style = {css:{'background': ...
10件在PHP7中不要做的事情
10件在PHP7中不要做的事情 1. 不要使用mysql_函数这一天终于来了,从此你不仅仅“不应该”使用mysql_函数.PHP 7 已经把它们从核心中全部移除了,也就是说你需要迁移到好得多的mys ...

window.addEventListener()/window.postMessage(”text“, '*')

window.addEventListener()/window.postMessage(”text“, '*')的更多相关文章

随机推荐

热门专题