PostMessage

iframe跨域通信方法详解window.postMessage

文章目录window.postMessage()用法实例今天接到个需求，A页面中要嵌入一个iframe，这个iframe是B页面，此时A页面需要得到B页面的一些信息。
xiao xu·2023-11-26 15:51

跨域消息传递通信--iframe通信

window.postMessage()方法允许来自一个文档的脚本可以传递文本消息到另一个文档里的脚本，而不用管是否跨域。
amazing-yuan·2023-11-26 15:49

Vue Iframe postMessage双向数据通信 + 跨域

iframe：IFRAME是HTML标签，作用是文档中的文档，或者浮动的框架(FRAME)。iframe元素会创建包含另外一个文档的内联框架（即行内框架）。一、vue向iframe传递信息vue页面data(){return{iframeSrc:'http://localhost:8080'};},mounted(){//vue向iframe传递信息const_iframe=document.ge
Web - Nancy·2023-11-26 15:48

两个跨域页面通信（iframe） (postMessage)

两个跨域页面通信（iframe）(postMessage)在浏览器的安全模型中，JavaScript通常只能访问与当前网页具有相同源（协议、域名、端口）的localStorage数据，这意味着，如果你的网页想要访问其他网站的
一嘴一个橘子·2023-11-26 15:44

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

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

基于qiankun的微服务应用实践

react做的项目进行复用，我们第一事件的解决方案肯定是使用iframe，但是iframe方案有几个痛点时无法解决的:1.弹框遮罩层只能覆盖于父级，无法遮罩全屏；2.主应用和子应用之间的通信比较麻烦，需要通过postMessage
awaitfly·2023-11-25 04:48

iframe内部子页面与外部主页面通讯

文章目录一、问题二、解决2.1、子页面2.2、主页面三、知识点3.1、[浏览器兼容性](https://developer.mozilla.org/zh-CN/docs/Web/API/Window/postMessage
老马甲·2023-11-24 07:34

C#中的SendMessage和PostMessage的参数传递

在C#中，我们可以使用SendMessage和PostMessage函数来向窗口发送消息。这两个函数的参数传递方式有所不同，本文将详细介绍它们的使用方法，并提供相应的源代码示例。
架构魔术·2023-11-23 11:55

js 跨域（JSONP/CORS/WebSocket/postMessage/location.hash/document.domain/window.name）

跨域1、跨域的产生二、解决跨域1、具备src的标签2、JSONP3、CORS4、WebSocket协议（★★★★★）（1）、WebSocket协议的特点（2）、WebSocket协议客户端的API5、postMessage
weixin79893765432...·2023-11-23 10:47

前端跨界面之间的通信解决方案

主要是这两个方案，其他的，还有SharedWorker、IndexedDB、WebSocket、ServiceWorker如果是，父子嵌套iframe还可以使用window.parent.postMessage
嘤嘤怪呆呆狗·2023-11-21 08:41

iframe嵌入h5页面及传值

但如果存在跨越问题则上述方式就不适用，因为可以考虑通过postMessage方式传值。下面我们简单演示在页面中嵌入其他地址的页面并实现父子级页面的传值。
印子_cfbb·2023-11-20 00:34

vue 项目监听iframe传过来的信息

handleMessage(event){//event表示iframe传过来的信息//console.log(event)}iframe页面传递sendMessage(content){window.parent.postMessage
刘栀子·2023-11-14 13:42

跨域：利用iframe实现跨域DOM互访的四种方式

注：跨域的知识点详见：跨域相关知识点目录实验验证环境配置：1、利用document.domain降域方法1：方法2：2、利用location.hash3、利用window.name4、利用postMessage
未知百分百·2023-11-12 09:08

实现跨域必须要知道的知识点

目录同源策略cookieiframe和多窗口通信片段识别符window.postMessage()LocalStorageStorage接口：概述属性和方法Storage.setItem()Storage.getItem
未知百分百·2023-11-12 09:38

react native 中添加webview

){letdata={key:'app',url:自己定义的url,//此处的url为请求服务器时的URLparameter:12,};//参数按照自己的需求去定义this.refs.webView.postMessage
_越努力_越幸运·2023-11-06 10:08

不可错过！Posta：一款功能强大的跨文档信息安全搜索工具

关于PostaPosta是一款功能强大的跨文档信息安全搜索工具，广大研究人员可以使用Posta来研究跨文档的信息通信，它允许我们跟踪、探测和利用postMessage漏洞，而且还可以重放任何绑定窗口和浏览器之间的消息
马士兵教育苹果老师·2023-11-06 09:02

uni-app webView组件使用

component/web-view.html#web-view代码应用methods:{//用于接收@messageh5向小程序传递的数据//多次触发将依次添加到e.detail.data数组最后handlePostMessage
脱了壳的小乌龟·2023-11-04 22:44

前端面试提纲

跨域的方式、同源策略、为什么有同源策略、如何做安全防范：新的H5的跨域方式（cors、postmessage）。安全，对攻击方式、安全的防范上的了解。
weixin_34279246·2023-11-04 02:53

OC与JS交互

JS"completionHandler:^(id_Nullableresponse,NSError*_Nullableerror){}];-JS调用OC：JS写法：window.webkit.messageHandlers..postMessage
CJ阿杰·2023-11-02 06:52

微信小程序 worker

worker.onMessage(res=>{letaO=a();worker.postMessage({msg:"w33"+aO})});asyncfunctiona(){return"0";}constrequst
亦久亦韭·2023-11-01 18:30

使用postMessage传值遇到的问题

但最近看面试题发现还可以使用postMessage传值，但是遇到一个坑，具体原因本人也是没有找出，只是做了简单分析，希望看到这篇文章的大佬帮忙解决。
一个胖猴·2023-11-01 12:15

浏览器页面之间进行通信的四种方式

3、postMessageht
安萌萌萌萌萌·2023-10-28 14:15

H5页面跨窗口通信之postMessage（iframe子页面向父页面发送信息）

需求背景最近在做H5项目时，遇到一个需求，公司所有的项目共用了一个防人机页面，当人机验证完成时需要把结果参数发送给调用它的父页面，APP端在使用验证页面时，结果是通过H5与APP交互方法传递的；但是H5引用这个页面时，只能通过iframe内嵌的方式来实现，这样在验证通过后就面临着iframe内嵌页面需要将验证结果发送给外部父页面，通知外部父页面做相应的处理；实现方式1.父页面发送消息，子页面接受消
一捆铁树枝·2023-10-28 14:10

浏览器跨页面通信

文章目录1.BroadcastChannel1.1使用构造函数创建一个实例1.2监听消息1.3发送消息1.4关闭2window.postMessage2.1发起通信2.2监听通信3.总结1.BroadcastChannel
fmk1023·2023-10-28 14:05

跨域

cookieLocalStorageDom元素也有同源策略iframeajax也不支持跨域实现跨域jsonpcorspostMessagedocument.domainwindow.namelocation.hashhttp-proxynginxwebsocket
木子川页心·2023-10-28 11:17

python 模拟后台点击

fromctypesimportwindllfromctypes.wintypesimportHWNDimportstringimporttimePostMessageW=windll.user32.PostMessageWMapVirtualKeyW
jialan75·2023-10-28 08:17

12月19号-12月26号：一些css、游览器拦截跳转窗口、HTML文件解析、postMessage

一、CSS1.基础选择器：标签选择器：选的啥一类标签，无论嵌套有多深类选择器：类名开头不能是数字和中划线，跨域由数字、字幕、下划线、中划线组成，类名可以重复，多个空格空格隔开d选择器：不可重复，一个页签只能写一个id属性值，一个id选择器只能选择一个标签通配符选择器：给所有标签设置样式2.字体：font-family：左到右查找，电脑没有这个字体久显示下一个字体3.line-height:行高减除
weixin_30980795·2023-10-27 14:45

PostMessage/SendMessage在不同线程的调用探究

PostMessage和SendMessage是我们比较常用的windowsAPI，最近也探究这两个api在调用之后，执行的线程问题，发现如下结论：仅仅是RegisterClass注册类之后，调用createwindow
liaozhilong88·2023-10-26 22:10

Windows编程基础--第16节 MFC之SendMessage和PostMessage

1、PostMessage会将消息压入窗口所在线程的消息队列，然后返回；而SendMessage则不经过消息队列，SendMessage可认为是直接调用了该窗口的窗口过程，因此在我们需要获得消息处理后的返回值的时候
阿木大叔001·2023-10-26 10:19

前端跨域解决方案

文章目录注意，本文已迁移1.同源政策2.跨域解决方案2.1CORS普通跨域请求：只需服务端设置Access-Control-Allow-Origin即可携带cookie跨域请求：前后端都需设置2.2postMessage
_时雨_·2023-10-26 03:37

来自大厂 10+ 前端面试题附答案(整理版)

重用的有jsonp、iframe、cors、img、HTML5postMessage等等。其中用到html标签进行跨域的原理就是html不受同源策略影响。但只是接受Get的请求方式，这个得清楚。
java_javascript_·2023-10-24 21:14

跨域传递数据（iframe）, postMessage用法

1.WindowpostMessage()方法语法：otherWindow.postMessage(message,targetOrigin,[transfer]);otherWindow：其他窗口的一个引用
见路不走!·2023-10-23 03:17

MFC消息机制和QT信号槽的比较

通过PostMessage和SendMessage来实现异步和同步消息。
my_angle2016·2023-10-23 03:35

iframe的父子通讯

先说下我那个需求的解决方案，我在父页面的关闭弹窗事件中调用window.postMessage()把关闭窗口的
郑板桥30·2023-10-22 20:44

【Qt】Q_OBJECT宏，编译报错，解决办法（多继承Object情况下）

某个类中，使用了PostMessage()函数来发送用户自定义消息，Qt的界面去接受实在是太复杂就想着把所有的PostMessage换成Qt的信号来发送于是乎，在该类头文件中加了#include，再让该类继
未狂·2023-10-22 13:39

正则验证用户名和跨域postmessage

一，正则验证用户名如果用户名输入合法,则后面提示信息为:用户名合法,并且颜色为绿色如果用户名输入不合法,则后面提示信息为:用户名不符合规范,并且颜色为红色请输入用户名//量词是设定某个模式出现的次数varreg=/^[a-zA-Z0-9_-]{6,16}$/;//这个模式用户只能输入英文字母数字下划线短横线但是有边界符和[]这就限定了只能多选1varuname=document.querySele
爱踢球的小方·2023-10-21 07:51

postMessage跨域传参

127.0.0.1:9999/B.html')if(result){constparam={type:'customParam',param:'123456'}setTimeout(()=>{result.postMessage
daCrazy·2023-10-20 09:20

python win32gui.SendMessage详解

（PostMessage()函数发送消息后直接返回）参数解释：hwnd:窗口句柄idMessage:所要发送的消息wParam:附加的参数IParam:附加的参数注：wParam和IParam由idMessage
辰宝IWZ·2023-10-20 05:16

WndLess创建移动和Resize

之前只会HITTEST,最近在看别的项目的源代码学到了另外一种PostMessage(hwnd,WM_SYSCOMMAND,SC_MOVE|HTCAPTION,0);PostMessage(hwnd,WM_SYSCOMMAND
giafei·2023-10-18 03:43

vue项目中使用webWorker 时报错：Uncaught SyntaxError: Unexpected token '<'

UncaughtSyntaxError:Unexpectedtoken'{setTimeout(()=>{console.log('worker线程收到主线程发来的消息',e)},400)})self.postMessage
forJavascript·2023-10-17 11:28

创建web workers

worker.jsself.addEventListener('message',function(e){constdata=e.data;switch(data.cmd){case'start':self.postMessage
刘春强·2023-10-15 17:42

面试被问到的同源策略和跨域问题之解决方案

知识点同源策略跨域JSONPCORS(服务端支持)document.domainwindow.namewindow.postMessage方法iframe加form代理Nginx配置同源策略同源：协议，
迷糊小丫丫·2023-10-14 19:57

BroadcastChannel-[跨页面传值]

之前有使用window.postMessage和window.onMessage的方式跨页面传值操作，window.postMessage()方法可以安全地实现Window对象之间的跨域通信。
是席木木啊·2023-10-14 10:15

单开网页应用利器 - BroadcastChannel

现代浏览器是以空间换时间的运行思路来提高效率，这就导致了内存开销会越来越大，也曾想过postmessage来解决这个问题，但是呢postmessage是跨域广播，说白了，我post的消息任意页签都能listen
奇舞周刊·2023-10-14 10:39

service workers跟页面dom交互

然而，你可以使用postMessageAPI在ServiceWorkers和页面之间进行通信。以下是一个简单的示例，展示了如何使用ServiceWorkers与页面DOM进行交互。
刘春强·2023-10-13 18:52

正则验证用户名和跨域postmessage

二、跨域postmessage验证跨域：在子页面里接受到返回值和发送消息到子页面，实现跨域子页面20232024.security.pwwindow.addEventListener('message'
冰糖胡卢·2023-10-13 14:54

解决 uni-app+vue3+vite web-view 使用 uni.webView.postMessage() 报错

报错undefinedisnotanobject(evaluating‘uni.webbView.postMessage’)或者cant’tfindxxx解决很坑，官方文档没有说明，并且相关帖子写的示例也太旧了
粤小七·2023-10-11 15:20

数据监听，信息传递

//发送信息window.postMessage({type:"sendMessage",data:{text:"text"}})//接收信息window.addEventListener('message
下一个路口yj·2023-10-10 19:24

正则验证用户名和跨域postmessage

一、正则验证用户名Document二、跨域postmessage##----------------------------class03--------------------------------
gao my·2023-10-10 09:51

vue 中使用iframe内嵌页面并通信

关闭，也就是调用vue的关闭窗口方法1：老页面点击cs后台代码调用js//vue内嵌的话RegisterClientScriptBlock(“”,“closevue();”);js页面向vue传递信息postMessagefunctionclosevue
Marzlam·2023-10-08 22:19
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他