postMessage(message, targetOrigin);message :信息内容，低版本浏览器只支持字符串，高版本可以各种数据都行targetOrigin :目标窗口的源，可以是字符串*表示无限制，或URI,需要协议端口号和主机都匹配才会发送window.onload = funct ...
分类：
其他好文 时间：
2019-01-02 19:23:52
阅读次数：
221
背景： 目前我们项目都是按组件划分的，然后各个组件之间封装成产品。目前都是采用iframe直接嵌套页面。项目中我们还是会碰到一些通用的组件跟业务之间有通信，这种情况下iframe并不是最好的选择，iframe存在跨域的问题，当然是postMessage还是可以通信的，但也并非是最好的。目前有这么一个 ...
分类：
其他好文 时间：
2018-12-15 21:09:28
阅读次数：
141
一、常见跨域方法 1） JSONP跨域 需要目标服务器配合一个callback函数2） AJAX跨域 CORS3） 使用window.name+iframe来进行跨域 4） window.postMessage:跨文档通信 API（Cross-document messaging）5） 跨子域:修改 ...
分类：
其他好文 时间：
2018-11-29 01:27:24
阅读次数：
159
添加前，网页代码如下： 添加代码 let jsStr = """ function echo(str) {console.log(str);window.webkit.messageHandlers.testecho.postMessage("str");} """ let userScript =... ...
分类：
Web程序 时间：
2018-11-10 15:30:25
阅读次数：
277
工作中有个需求是小程序的网页在关闭的时候，需要回传给小程序一个参数 查阅小程序官方文档，有这样一个接口 wx.miniProgram.postMessage ，可以用来从网页向小程序发送消息，然后通过 bindmessage 事件来监听消息，如下是官方文档描述 以下是代码： 写完试了下，期待打印 “ ...
分类：
微信 时间：
2018-11-05 00:00:17
阅读次数：
384
在小程序内直联h5的页面（pages/webview/webview.js），该页面为<web-view>的容器，使用<web-view>组件 需要bindmessage事件和postMessage方法 bindmessage:网页向小程序 postMessage 时，会在特定时机（小程序后退、组件 ...
分类：
微信 时间：
2018-10-15 16:14:29
阅读次数：
847
一、跨源通信概述 源：协议、端口号(https默认值433)、主机域名(document.domain) 作用：向目标窗口派发MessageEvent消息（四个属性） 兼容参考 MessageEvent四个属性： 1.message（类型） 2.data（window.postMessage的第一个 ...
1.首先在父组件内引入 2.然后在父组件内的 按钮上绑定点击事件 3.继续在父组件内编写 方法 4.在 页面编写回掉函数 大功告成 接下来介绍下postMessage这个方法 window.postMessage() 方法可以安全地实现跨源通信。通常，对于两个不同页面的脚本，只有当执行它们的页面位于 ...
分类：
其他好文 时间：
2018-09-27 15:30:30
阅读次数：
354
最近项目中要用一个倒计时，但是当弹窗的时候倒计时会被阻塞，所以我想到使用Javascript多线程解决该问题。 虽然JavaScript是单线程的，但是通过worker可以让Javascript另外开一个线程来执行你想执行的js文件 线程之间的通信方式 主线程 worker.PostMessage( ...
分类：
编程语言 时间：
2018-09-26 17:11:26
阅读次数：
120
1、Postmessage 与 SendMessage的区别 PostMessage该函数将一个消息放入（寄送）到与指定窗口创建的线程相联系消息队列里，不等待线程处理消息就返回，是异步消息模式。消息队列里的消息通过调用GetMessage和PeekMessage取得 SendMessage该函数将指 ...
分类：
其他好文 时间：
2018-08-08 20:30:44
阅读次数：
152
