H5页面与uni小程序页面相互通信
时间: 2023-12-25 15:04:11 浏览: 84
H5兼容页面
H5页面与uni小程序页面之间的通信可以通过uni-app提供的uni.postMessage和window.addEventListener方法实现。
在H5页面中,使用uni.postMessage方法向uni小程序发送消息:
```
uni.postMessage({
data: 'message from H5 page'
});
```
在uni小程序页面中,使用window.addEventListener方法监听message事件:
```
window.addEventListener('message', function(event) {
console.log('message from H5 page:', event.data);
});
```
通过这种方式,H5页面和uni小程序页面就可以相互通信了。注意,需要在uni小程序页面的pages.json文件中配置H5页面的路径,同时H5页面需要运行在同一域名下。
阅读全文