一、微信小程序web-view通信及使用
?
1、web-view在微信小程序下始終保持全屏(功能區(qū)要在鏈接下完成)
2、微信小程序向web-view傳參只能通過url地址拼接
3、web-view向微信小程序傳慘可通過特定的時(shí)機(jī)傳參?鏈接
?二、iframe使用
1、可通過css自定義樣式大小
2、可通過url問號拼接形式傳參
3、可通過window.addEventListener("message" 傳參
html代碼
<iframe class="webview" ref="webview" id="map_iframe" src="http://172.18.242.89:8080/#/message"></iframe>
js傳參代碼?文章來源:http://www.zghlxwxcb.cn/news/detail-741007.html
// 在web端
this.$refs.webview.contentWindow.postMessage(data, *);]
// 在APP端
this.$refs.webview.evalJS.postMessage(data, *);
window.frames['map_iframe'].postMessage(JSON.stringify(params), '*');
iframe鏈接下的js接參代碼文章來源地址http://www.zghlxwxcb.cn/news/detail-741007.html
window.addEventListener("message",function(ev){
console.log(ev.data,'ev---')
});
到了這里,關(guān)于微信小程序下web-view和瀏覽器下的iframe詳解的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!