一、iframe和父级之间（简单）iframe可以通过parent或top来找到父级页面，父级页面也可以很容易找到iframe。二、iframe和iframe之间（复杂一些）如果页面中有两个iframe：A和B，那么在A页面中可以通过parent.B来找到B，反之亦然。但是，这样会有一个问题，如果parent.B名称变了或者根本就没有parent.B咋办呢，难道去修改A要加载的N个页面的JS？所
转载
2024-06-08 09:34:21
169阅读
1.父页面 => 子页面$("#child_id").contents().find("#child_child_id");2.子页面 => 父页面window.parent.fn();parent.window.fn();window.parent.document.getElementById("#id");parent.window.document.get...
原创
2022-09-29 16:08:39
70阅读
下面本人来谈谈iframe之间通信问题及iframe自适应高度问题。 1. iframe通信 分为：同域通信 和 跨域通信。所谓同域通信是指 http://localhost/demo/iframe/iframeA.html 下的a.html页面嵌套 iframe 比如： <iframe src="http://localhost/demo/iframe/iframeB.html"
转载
2024-07-05 19:13:53
54阅读
postMessage 接口允许窗口之间相互通信，无论它们来自什么源。因此，这是解决“同源”策略的方式之一。它允许来自于 marh.com 的窗口与来自于 qq.com 的窗口进行通信，并交换信息，但前提是它们双方必须均同意并调用相应的 JavaScript 函数。这可以保护用户的安全。这个接口有两个部分。1 postMessage想要发送消息的窗口需要调用接收窗口的 postMessage 方法
原创
2023-11-17 13:33:21
35阅读
在开发中，与 iframe 与父页面之间的通信是一项常见需求，尤其是在 web 应用程序中。这篇文章将详细介绍如何通过 jQuery 实现这种通信，以及在此过程中遇到的一些技术细节。为了深入理解，我将从协议背景开始，逐步解析抓包方法、报文结构、交互过程以及多协议对比，最后通过逆向案例整合所有信息。
## 协议背景
在讨论 iframe 与父页面的通信之前，我们首先要了解网络通信的基本协议背景。
。 父/子页面监听接收到的postMessage消息： window.addEventListener("message", this.iframeLoadSuccess, false); 方法内处理数据 iframeLoadSuccess(event){ // 预览的iframe加载成功 cons Read More
转载
2020-12-08 20:05:00
631阅读
2评论
1.什么引起了ajax跨域不能的问题 ajax本身实际上是通过XMLHttpRequest对象来进行数据的交互，而浏览器出于安全考虑，不允许js代码进行跨域操作，所以会警告。 2.有什么完美的解决方案么？ 没有。解决方案有不少，但是只能是根据自己的实际情况来选择。 具体情况有: 一、本域和子域的相互访问: www.aa.com和book.aa.co
转载
2024-08-25 23:09:19
87阅读
基本概念：window.self: 当前窗口自身的引用window.parent: 上一级父窗口的引用window.top: 最顶层窗口的引用 当页面中不存在 iframe 嵌套时，则三者均是当前窗口自身的引用。同域iframe相互调用：子页面调用父页面方法：window.parent.fatherFn(); 父页面调用子页面方法： window.sonFrameName.sonFn(); (so
转载
2023-11-10 06:36:15
466阅读
一、同域下父子页面的通信 1.父页面调用子iframe页面 （1）通过iframe的Id获取子页面的dom，然后通过内置属性contentWindow取得子窗口的
原创
2024-01-21 00:58:46
295阅读
# iOS iframe通信bug解决方法
## 引言
在iOS开发中，我们常常会遇到iframe通信的问题，特别是在嵌入网页中使用iframe时。本文将介绍如何解决iOS中的iframe通信bug，并指导刚入行的小白如何实现。
## 整体流程
为了更好地指导小白，我们首先来看一下整个解决流程。下面是一个表格展示了实现iOS iframe通信bug的步骤：
| 步骤 | 描述 |
|---|
原创
2024-01-10 03:49:14
264阅读
父页面： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" co ...
转载
2021-09-09 20:42:00
147阅读
2评论
以下是多种使用方法：1、同域下嵌套：父页面：<iframe src="iframe2.html" id="iframe2" name="iframe2"></iframe>window.onload=function(){ //父页面修改iframe var docu=document.querySelector('#iframe2'); docu.conte...
转载
2021-07-20 13:42:54
1416阅读
iframe子页面与父页面通信根据iframe中src属性是同域链接还是跨域链接，通信方式也不同。 一、同域下父子页面的通信 父页面parent.html 子页面child.html 方法调用 父页面调用子页面方法：FrameName.window.childMethod(); 子页面调用父页面方法
转载
2019-02-22 15:01:00
132阅读
2评论
iframe子页面与父页面通信根据iframe中src属性是同域链接还是跨域链接，通信方式也不同。 一、同域下父子页面的通信 父页面parent.html <html> <head> <scripttype="text/javascript"> function say(){ alert("pare
原创
2021-07-18 11:11:28
389阅读
iframe跨域通信(postMessage)前言
❝
跨域，是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对JavaScript实施的安全限制。所谓同源是指相同的域名、协议和端口，只要其中一项不同就为跨域 ❞
需求背景在web项目中通过iframe嵌入另一个第三方web项目，第三方web项目里点击某个按钮要实时调用web项目的全局函数打开某个全局弹窗或者进行路由跳
转载
2022-03-29 10:59:31
5101阅读
平时工作中有时会遇到页面嵌套的情况，一般是用iframe解决。那么，两个页面如何通信呢？下面分两种情况进行：一、父子页面同源的情况现在有两个不同源的iframe嵌套页面，父页面parent.html,子页面child.html，二者代码如下：// parent.html
// ...
<iframe
id='testIframe'
name='test'
src='./child
原创
精选
2024-03-18 14:57:06
879阅读
