PostMessage

详解如何让页面与 iframe 进行通信

iframe向父级页面发送消息在iframe页面，使用window.parent调用postMessage方法，即可发送消息给父级页面。window.parent.postMessage
·2022-08-24 12:46

iframe 父子通信总结

子获取父window对象方法：window.parent子获取顶层window对象方法：window.top父获取子window对象方法：window.frames非同源发送信息：iframeEl.postMessage
·2022-08-14 13:19

解决跨域问题

跨域1.Jsonp2.CORS服务器设置允许跨域3.XHR24proxy代理正向代理反向代理5.nginx反向代理，由后端来做6.window.postMessage()iframeHTML元素表示嵌套的浏览上下文
西瓜味白桃汽水·2022-08-05 19:25

Iframe跨窗口通信原理详解

目录同源iframewindow：document.domainiframe：错误文档陷阱window.frames“sandbox”iframe特性iframe通信：postMessageonmessage1postMessage2onmessage
·2022-08-05 11:52

『需求优化』使用 postMessage 解决 localStorage 跨域问题

背景早前，项目中有个需求：其他平台需要携带数据跳转到我们平台，且自动打开弹窗并渲染所携带的数据。我最初的方案选localStorage，在其他平台跳转过来之前，将数据存入localStorage，跳转到我们平台后，我会先判断localStorage中是否有指定的“键”（此处要求存入localStorage中的“键”要特殊且唯一），如果存在，我就将数据取出处理并打开弹窗渲染数。//其他平台跳转前将数
前端不释卷leo·2022-07-22 10:44

如何使用JS中的webWorker

目录一、webWorker之初体验二、webWorker之常用ＡＰＩ1、postMessage(data)2、terminate()3、message4、error三、worker上下文四、关于worker
·2022-06-30 15:17

窗口间通信方案——postMessage

postMessage是html5引入的API，postMessage方法允许来自不同源的脚本采用异步方式进行通信，其实同源不同页面的脚本也可以采用postMessage方法进行通信。
·2022-05-25 14:11

JS 进阶(八) 前后端通讯

基于客户端实现数据的渲染JQuery$.ajax([options])Axios2、Fetch:新的前后端通讯方案3、跨域处理jsonpiframe(document.domain.location.hash…)postMessageCORSproxy
重阳微噪·2022-05-24 15:42

移动web app开发必备 - 异步队列 Deferred

XMLHttpRequest）ImageTag，ScriptTag，iframe（原理类似）setTimeout/setIntervalCSS3Transition/AnimationHTML5WebDatabasepostMessageWebWorkersWebSocketsandmore
baoaoba9317·2022-05-12 11:06

QQ群的一次聊天记录

上次写了SDK中的消息机制后有位网友给我留言说留言于下、、看了文章之后，写了一个CloseAll的程序：//------------------------#includeintmain(){PostMessage
navyblue1982·2022-05-01 08:21

window.name和postMessage跨域详解

文章不易，请关注公众号毛毛虫的小小蜡笔，多多支持，谢谢。概念window.name1、在一个窗口还没关闭之前，同一个窗口的所有页面都共享同一个window.name。这个窗口可理解为chrome浏览器的一个tab标签页面。另外，从一个页面中跳转到另一个页面后，这些页面都共享同一个window.name。2、每个页面都能读和写window.name。这个可能就是安全问题的来源。3、window.na
·2022-04-18 16:13

新开tab页面通信-Easy！

xxx=xxxx');lettoken=getParam('_token');//需要向新开页面传递信息docu.postMessage({token},'https://x
初空·2022-04-16 19:40

c++中使用keybd_event函数实现模拟按键功能

项目中主要用了keybd_event和PostMessage，这边先把keybd_event做一下记录。
wy19950920·2022-04-11 04:55

使用postMessage实现iframe跨域通信的示例代码

跨域数据传递---------------*///传递数据到子页面window.onload=function(){document.getElementById('child').contentWindow.postMessage
·2022-03-10 16:48

JSON-RPC & postMessage 谈谈浏览器消息通信的封装技巧

楔子postMessage常见于内嵌iframe或是WebWorkers中，用于跨页面（线程）的消息通信，在一些其他开发环境中也能看到类似的影子，如Chrome插件环境、Electron环境、figma
·2022-03-10 14:47

跨域请求

2.生产模式下：jsonp,cors,iframe,postMessage...npmrunbuild打包->生产模式解决1-在github中查看react文档有详细的解决办法image.pngimage.pngimage.pngimage.png
真情的可贵·2022-02-22 07:57

2021-02-06 让微信小程序和webviewH5实现互相通讯（demo）

在微信小程序里，webviewH5向miniProgram通讯只能通过postMessage函数然而这个函数却很鸡肋，小程序官方文档是这样描述的：向小程序发送消息，会在特定时机（小程序后退、组件销毁、分享
追寻1989·2022-02-21 17:56

1

xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');Babel默认只转换新的JavaScript句法（syntax），而不转换新的API，postMessage
钢笔与橡皮·2022-02-20 17:52

ReactNative 与 WebView 交互

reactnative可以通过监听onMessage可以接收到由window.postMessage发送的字符串。
做个前端·2022-02-18 19:10

js postMessage不工作

JavaScript高级程序设计第四版20章第二节内容。20.2跨上下文消息内容学习笔记故障现场当前页面为index2.html,本地页面运行地址为http://localhost:52330/Chapter20/index2.html,代码如下index2letiframeWindow=document.getElementById('myframe').contentWindow;consol
参谋总长萨博·2022-02-14 05:37

[chrome扩展开发] HTML5 postMessage通信

在background创建一个iframe,实现background与iframe的通信代码先在background创建一个iframe,保存其contentWindowcreate_sandbox(info){letframe=document.createElement('iframe')frame.setAttribute('id',this.ns)frame.setAttribute('d
661eb074c6a1·2022-02-13 15:54

跨域的几种解决方法

,现想访问localhost:9090来获取数据则可以$('head').append("")//后台代码response.setAttribute("callback","xxxxxxxxxx")2postMessage
非小惰·2022-02-03 12:13

js中的postMessage

webWorker中的postMessage线程与主线程的消息通信语法myWorker.postMessage(aMessage,transferList);//transferList可选,一个可选的
·2021-12-27 22:31

同源与跨域

实现从0到0.5的知识储备同源策略实现跨域Cookie（只适用于cookie窗口）window.postMessage()AJSA实现跨域JSONPWebSocketCORS简单请求非简单请求同源策略浏览器之所以如此安全是因为有同源策略
谙薇语·2021-11-27 09:59

JS跨域解决方案react配置反向代理

跨域解决方案jsonp(模拟get)CORS(跨域资源共享)代理iframepostMessagewindow.nameWebSocketreact的代理实现跨域在配置在src/setupProxy.js
·2021-11-23 19:28

postmates-js——用于iframe、新窗口等形式的父子页面通信

postmatepostmate是一款基于postMessage来处理父子页面通信的库，轻量且好用。
videring·2021-11-22 20:38

跨域问题解答

目录一、跨域问题概述1.为什么会出现跨问题2.什么是同源策略3.跨域是什么4.非同源限制二、解决跨域的办法1.document.domain2.跨文档通信API：window.postMessage()
小吉冲冲冲·2021-11-01 23:32

每日一问题

1.PostMessage是否可能触发多个IFrame?2.Mysql如何查询所有表的数据条数？3.有2个项目，有个项目使用软连接另一个项目的文件,是否可以访问到？4.PHP如何展开多维数组？
权_3d8d·2021-10-29 16:15

html5的postMessage简易通俗使用说明

其中的三种场景1.可以实现页面和里面iframe页面之间的通讯场景：页面A中通过iframe嵌入B页面A页面要提交消息给B页面iframeEle.contentWindow.postMessage()B
果好鲜·2021-10-09 10:45

星联文档

window.backApp.postMessage("返回星联");二、定位需要获取用户当前位置时，可以调用。
星星编程·2021-08-25 08:10

postMessage踩坑实践

前言在低代码编辑器中进行页面预览常常不得不用到iframe进行外链的url引入，这就涉及到了预览页面与编辑器页面数据通信传值的问题，常常用到的方案就是postMessage传值，而postMessage
·2021-08-04 00:21

window.postMessage()实现iframe跨域消息传递

event.origin表示postMessage的发送来源，包括协议，域名和端口；event.source表示消息源，消息的发送窗口/iframe。
依然_8deb·2021-06-28 11:38

跨域iframe通信

主页面与不同域名的iframe之间通信window.postMessage()Thewindow.postMessage()methodsafelyenablescross-origincommunicationbetweenWindowobjects
人穷脸丑小前端·2021-06-27 02:22

MFC 子窗口向父窗口传递消息

重要函数PostMessage功能把消息投放到线程的消息队列函数原型BOOLPostMessage(HWNDhWnd,UINTMsg,WPARAMwParam,LPARAMlParam);函数参数hWnd
云胡同学·2021-06-26 20:42

iOS WKWebView响应JS调用

web端按照以下方式调用wkwebview的回调函数：window.webkit.messageHandlers..postMessage();实例如下：functionsaveImage(url){varmessage
FicowShen·2021-06-25 20:15

JavaScript 异步回调 / Promise/A规范

Javascript里异步函数大概有I/O函数（Ajax、postMessage、imgload、scriptload等）、计时函数（setTimeout、setInterval）等。
羊烊羴·2021-06-25 00:24

js如何解决跨域问题

跨域总结与解决办法什么是跨域1、document.domain+iframe的设置2、动态创建script3、利用iframe和location.hash4、window.name实现的跨域数据传输5、使用HTML5postMessage6
tom_123·2021-06-23 18:10

同步任务队列、宏观任务队列、微观任务队列

，异步任务又包括宏观任务和微观任务2、执行顺序：同步任务——>微观任务——>宏观任务3、宏观任务的方法有：script(整体代码)、setTimeout、setInterval、I/O、UI交互事件、postMessage
小龙虾Julian·2021-06-22 18:28

web跨域

常用的几种跨域处理方法：1、JSONP2、CORS策略3、document.domain+iframe的设置4、HTML5的postMessage5、使用window.name来进行跨域跨域的原理解析及实现方法
码界小生·2021-06-20 16:35

JS中多线程 Worker

通过worker.postMessage(data)方法来向worker发送数据。通过worker.onmessage方法来接收worker发送过来的数据。worker.terminate()可
Alee文润·2021-06-19 08:10

什么是跨域？跨域有几种实现形式:

跨域的实现形式主要有JSONP方法、CORS方法、降域和postMessage等。1.JSONPJSONP是一种数据调用方式，是解决跨域交互的方法。
__jy·2021-06-15 15:45

一个完整的APP需要哪些基础服务？

数据收集（GrowingIO）Crash收集机制：(sentry)调试框架：切换alpha，beta和线上环境，用于内部测试H5和native的混合开发框架（相互间的通信可以通过postMessage|
嘴角45度·2021-06-11 18:09

Handler是怎么做到消息延时发送的

)为例：它的调用逻辑是这样的：publicfinalbooleanpostDelayed(Runnabler,longdelayMillis){returnsendMessageDelayed(getPostMessage
jiting45·2021-06-07 06:07

iFrame 创建容器

直接在每个应用中创建postMessage事件并监听，并不是一个友好的事情。其本身对于应用的侵入性太强，因此通过iframeEl.contentWindow去获取iFrame元素的W
无花无酒_3cd3·2021-06-04 18:16

2019-11-24

学习JavaScript第十六章1：跨文档信息传递跨文档信息传递又被称为XDM,其核心方法是postMessage（）方法。
小mingmingming·2021-06-04 07:00

WKWebView JS交互

functionIOS_Share(){window.webkit.messageHandlers.IOS_Share.postMessage({"title":"{{$title}}","content
iOS乐乐·2021-06-04 04:09

MFC中的SendMessage和PostMessage

SendMessage的函数声明声明：WINUSERAPIBOOLWINAPIPostMessageA(_In_opt_HWNDhWnd,_In_UINTMsg,_In_WPARAMwParam,_In_LPARAMlParam
老虎中的小白Gentle·2021-05-30 17:37

简单vue父子iframe页面跨域通信传值postMessage()

子页面向父页面传值2.父页面向子页面传值1.子页面向父页面传值a.vue父页面b.vue子页面//b.vue子级给父级发送数据methods:{sendMessage(){window.parent.postMessage
前端小菜菜鸟·2021-05-25 11:42

web Workers使用

WebWorkers可以让web应用程序具备后台处理能力，使用Worker类加载一个javascript文件来开辟一个新的线程，起到互不阻塞执行的效果，并且提供主线程和新线程之间数据交换的接口：postMessage
幸福镰刀·2021-05-20 12:58

postMessage和iframe的使用

客户端与服务器传值还有几个经常会遇到的问题1.页面和其打开的新窗口的数据传递2.多窗口之间消息传递3.页面与嵌套的iframe消息传递4.上面三个问题的跨域数据传递1.postMessage()这些问题都有一些解决办法
星星的成长之路·2021-05-18 01:06
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他