postMessage

【已解决】关于微信小程序wx.miniProgram.postMessage 问题

因为在项目中需要使用分享，而分享的是小程序内webview嵌入的H5页面，需要将H5内的一些参数传递给小程序，根据官方文档：1.引入JSSDK:2.在H5内向小程序传递消息，使用postMessage方法
夜空中乄最亮的星·2023-09-18 00:17

认识iframe和window.postMessage的使用

其中的这个关于pc页面和h5页面的思想，用到了iframe和postMessage的思想，感觉也是非常巧妙，利用这些做到了页面代码的复用，减少了重复造轮子的问题。
宝妞儿·2023-09-16 14:09

uniapp生成的h5与flutter的原生进行交互

有些区别，所以在这里总结一下使用uniapp生成的h5页面如何跟flutter进行数据的传递1-uniapp调用flutter的方法letparam={a:1,b:2}kjToLessonSubmit.postMessage
鱼子酱酱酱·2023-09-15 06:23

浏览器跨域

当产生跨域时，我们可以通过JSONP、CORS、postMessage等方式解决。知识点深入跨域问题的来源跨域问题的
大莲芒·2023-09-15 05:30

Web前端iframe使用以及页面通信postmessage

iframe基本内涵通常我们使用iframe直接直接在页面嵌套iframe标签指定src就可以了iframe常用属性:1.frameborder:是否显示边框，1(yes),0(no)2.height:框架作为一个普通元素的高度，建议在使用css设置。3.width:框架作为一个普通元素的宽度，建议使用css设置。4.name:框架的名称，window.frames[name]时专用的属性。5.s
要叫我大哥·2023-09-15 03:47

h5调用安卓或者ios的方法------h5和webview交互

且不需要得到返回结果：setJDNavigationMapApp：这是安卓和ios里面自己的方法iOS调用:window.webkit.messageHandlers.setJDNavigationMapApp.postMessage
要叫我大哥·2023-09-15 03:46

iframe下的qiankun微前端，通过window.top.postMessage无法通信问题

背景如题：iframe下的qiankun微前端，通过window.top.postMessage无法通信问题因为一些必要原因需要通信，比如解决跨域window.open解决办法微前端内部通过window
Jiangxin829·2023-09-14 01:09

深拷贝js

constdeepClone=(params)=>{returnnewPromise((resolve)=>{const{port1,port2}=newMessageChannel();port1.postMessage
郭俊强·2023-09-13 06:24

【快应用】快应用与网页通信踩坑合集处理

【关键词】Web、postMessage、onMessage【问题背景】快应用中通过web组件加载的h5网页，快应用在和网页进行通信时，经常会遇到网页发送信息给快应用，快应用成功收到，反过来的时候，h5
Mayism123·2023-09-13 01:49

h5与navite交互

functioncallNavite(body){varplatform='ios'if(platform=='ios'){window.webkit.messageHandlers.xdpxNavite.postMessage
chengpengfei·2023-09-12 20:23

前端解决跨域的几种方式

2、document.domain+iframe跨域3、location.hash+iframe4、window.name+iframe跨域5、postMessage跨域6、跨域资源共享
前端段·2023-09-10 20:24

微信小程序内联h5页面，实现分享

在小程序内直联h5的页面（pages/webview/webview.js），该页面为的容器，使用组件需要bindmessage事件和postMessage方法bindmessage:网页向小程序postMessage
听风在笑·2023-09-09 18:25

浏览器窗口间的通信

一、汇总二、同源策略三、webSocket(无跨域限制)优点：无跨域限制缺点：成本高四、客户端存储1、localStorage+onStorage例子：2、定时器+客户端存储例子：缺点：五、postMessage
老电影故事·2023-09-08 08:08

postMessage 基本用法及收不到数据原因、处理办法

window.postMessage()方法可以安全地实现跨源通信一语法：otherWindow.postMessage(message,targetOrigin,[transfer]);otherWindow
圆周率v1.1·2023-09-07 13:10

CefSharp 新版本 C# JS 交互方式

ForbasiccommunicationyoucanuseCefSharp.PostMessage(message);inJavascripttosendamessageto.Netwhichtriggersthebrowser.JavascriptMessageReceivedevent
饭特稀特别稀·2023-09-06 20:13

跨域相关

是为了保证用户信息的安全，防止恶意的网站窃取数据同源策略的限制范围Cookie、localStorage和IndexDB无法读取DOM无法获得AJAX请求不能发送跨域通信的方式JSONPCORSHashpostMessageWebSoket
talent_ray·2023-09-04 16:18

Iframe内嵌

receiveMessage,false);functionreceiveMessage(event){letdata=event.data;console.log(data)}二被嵌入方2.1.发送消息//发送postMessageletiframe
莣忧草_3b53·2023-09-03 14:37

pdf文件预览，有的文件显示空白

因为我觉得pdfjs-dist太复杂，我是不喜欢麻烦的人，然后就有了接下来的坑1、不显示签名问题：控制台报：1：Warning:Errorduringfontloading:Failedtoexecute‘postMessage
M.林夕·2023-08-31 20:07

iframe通过postMessage进行跨域通信以及在Angular中使用

大家使用的比较多的就是postMessage()这个方法了，下面将具体展示如何在html中使用iframe进行数据传输，以及在angular框架中如何使用以及在angular中与html中的差异性普通html
无敌喜之郎·2023-08-31 16:59

eventLoop 事件循环机制

2.宏任务：由宿主对象发起的任务：script，setTimeout，setInterval，setImmediate(Node.js)，I/O，postMessage，MessageChannel，UIrendering
大嘴猴..·2023-08-31 03:16

wkwebView与js交互

还要写文章吗JS核心代码window.webkit.messageHandlers.JSCallOCMethod1.postMessage({"key1":"value1","key2":"value2
HeavenWong·2023-08-29 23:01

简单解决 Blocked a frame with origin XXX from accessing a cross-origin 。iframe跨域问题

大多数是因为使用window.parent或top.xxxx在子页面，想使用父页面的参数，但是原因两个的域名不一样，所以会出现跨域问题解决方法：在子页面window.postMessage("message
nash程序猴·2023-08-25 00:12

web worker的使用

webworker的使用方法//worker.jsonmessage=function(evt){vard=evt.data;//通过evt.data获得发送来的数据postMessage(d);//将获取到的数据发送会主线程
楼下的黑猫不太冷·2023-08-21 14:38

vue 浏览器chrome最小化，切换标签后时钟setInterval不执行的解决办法

在项目public目录下创建文件worker.js内容为：//worker.jsfunctionstartTimer(data={}){setInterval(()=>{postMessage(data.message
72.1k·2023-08-20 20:18

不同系统页面之间通信

场景：A系统中页面与B系统中页面需要通信1.postMessageA页面通过window.open打开B页面若是通过iframe嵌套，B页面通过window.parent来传值A页面：window.addEventListener
1994陈·2023-08-18 12:26

【shein 校招前端笔试+一面】

：包含的知识点promise，静态方法、实例方法cookie、HTML5存储求数组最大值的方法：Max.max.call(null,参数)跨域的方法：jsonp、window.name、window.postMessage
foolBirdd·2023-08-17 22:25

知识点

javascript【基础】call/apply/bind，数组reduce，数组去重，变量声明提升【跨域】Image，JSONP，CORS，WebSockets，postMessage，能跨域的标签【
JackLee_·2023-08-17 16:08

react-native-webview使用postMessage后H5不能监听问题（iOS和安卓的兼容问题）

/*监听rn消息*/consteventListener=nativeEvent=>{//解析数据actionType、extraconst{actionType,extra}=nativeEvent.data&&JSON.parse(nativeEvent.data)||{}}//安卓用document，ios用windowwindow.addEventListener('message',ev
徐同保·2023-08-16 13:52

另一种骚操作的定时器

既然可以定时刷了，那么我就可以用他来代替定时器，主页面创建一个iframe，子页面定时刷新，然后通过postMessage传递到主页面。
NowhereToRun·2023-08-15 13:45

使用Handler的postDealy后消息队列会有什么变化？

根据源码一步步分析：publicfinalbooleanpostDelayed(@NonNullRunnabler,longdelayMillis){returnsendMessageDelayed(getPostMessage
秀叶寒冬·2023-08-15 01:26

04 JS 中的 this 对象

//代码示例1functionmyContext(){console.log(this);}myContext();//Window{postMessage:ƒ,blur:ƒ,focus:ƒ,close
Android_小生·2023-08-14 13:48

H5 富文本快捷输入

点击通过window.parent.postMessage发送从iframe里向父节点发送消息，window.addEventListene
林一怂儿·2023-08-14 10:31

前端面试题-浏览器相关

1.跨标签⻚通讯不同标签⻚间的通讯，本质原理就是去运⽤⼀些可以共享的中间介质，因此⽐较常⽤的有以下⽅法:通过⽗⻚⾯window.open()和⼦⻚⾯postMessage异步下，通过window.open
paterWang·2023-08-11 18:35

uniapp 开发 APP 使用 web-view 引入H5 app与 h5 页面通信

H5向APP传参：引入webview.js，调用uni.postMessage({})，如果提示uni.postMessage不是function，就在we
Junmay66·2023-08-11 08:35

记一次关于vue和iframe的跨域问题

$refs.iframe.contentWindow.XXX的方法不行提供可用方案：使用postMessage的方法：vue向iframe发送消息vue中的写法mounted(){//这里是监听if
啦咔·2023-08-10 16:29

pc端与flutter通信失效， Method not found

postMessage(JSON.stringify(res),"*");};报错内容：安卓端报错修正完代码：//app消息通知window.callba
蜡笔小嘟·2023-08-10 14:21

html5中 使用object标签完成页面之间的通信

object标签完成页面之间的通信父页面页面代码：子页面就是：foot-menus.html子页面代码：script中：functiongoIndex(){//向父页面发送消息window.parent.postMessage
我不是码神（dn）·2023-08-09 16:19

vue项目中使用postMessage

父级页面http://localhost:8080/parentPageexportdefault{data(){return{postData:{name:'professionalDatum',key:'567890'}}},mounted(){window.onload=()=>{//父级页面发送消息document.getElementById('child').contentWindow
locky丶·2023-08-05 08:16

uniapp的App端内嵌uniapp的H5端并实现通讯传参

实现方式：通过uniapp内置组件web-view实现App内嵌H5页面/***url:网页的链接message：网页向应用postMessage时，会在特定时机触发并收到消息方法***/App端向H5
停留的章小鱼·2023-08-05 07:32

（转）使用 iframe + postMessage 实现跨域通信

1、postMessagepostMessage方法允许来自不同源的脚本采用异步方式进行有限的通信，可以实现跨文本档、多窗口、跨域消息传递。
皮卡许·2023-08-04 03:35

JavaScript常见面试题

（1）使用jsonp跨域；（2）postMessage跨域；（3）使用cors（跨域资源共享）；（4）WebSocket协议跨域；（5）nodejs中间件代理跨域((用的最多)通过中间件进行转发到非同源地址
H_HX126·2023-08-03 10:06

与iframe通信 触发ifram中的事件

setIframe(state,id){//console.log(state,id)varframe=document.getElementById(id);frame.contentWindow.postMessage
Web_Lys·2023-08-02 06:22

使用iframe嵌套页面时用postmessage的交互数据的总结

其实原本想着在六月份就好好总结一下这个问题，结果都到九月份了，不过经过在两个月中的需求开发中也遇到了关于iframe跨域问题以及父子页面使用PostMessage解决跨域进行数据交互的问题，因此理解更深了
时清云·2023-08-01 13:46

vue项目vue组件和iframe通信

exportdefault{mounted(){//j接收iframe发送的数据window.addEventListener('message',this.handlerMessage)},methods:{sendPostMessage
uuai·2023-08-01 12:15

WKWebView与js交互

js调用oc方法第一种html代码functionbuttonClick1(){//window.webkit.messageHandlers..postMessage()window.webkit.messageHandlers.jsCallNative1
piggybear·2023-07-31 22:35

H5调用Android和ios原生方法(react)

ios壳中方法全部放在webkit.messageHandlers对象中，前端调用只需要/***funcName为原生方法名*postMessage(null)跨源传递数据，没有数据，一定要写null*
兜兜转转的小菊·2023-07-29 05:26

JavaScript的宏任务和微任务

newPromise实例化过程的例子JS为微任务和宏任务简单介绍js是单线程的，但是分同步异步微任务和宏任务皆为异步任务，它们都属于一个队列宏任务一般是：script、setTimeout、setInterval、postMessage
胖虎瓶大剑·2023-07-28 22:49

【AHK】通过唤醒窗口快捷菜单调节窗口位置/打开窗口控制菜单的其他方法

此前想通过postmessage的方式打开，但或许没有或许不在技术范围，实现起来较困难就没有尝试了。通过alt+shift+
LAM LAB·2023-07-28 20:13

window.open.postMessage用法

postMessage的基本用法postMessage可以解决跨域的传值问题，一般可以认为是父页面向子页面传递消息。
小阮2018·2023-07-28 14:15

利用window.postMessage()实现跨域消息传递（JavaScript）

说明window.postMessage()方法可以安全地实现Window对象之间的跨域通信。例如，在一个页面和它生成的弹出窗口之间，或者是页面和嵌入其中的iframe之间。
图解知识点·2023-07-28 08:57
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他