iframe父获取子页面的内容

如何在 iframe 中获取接口数据? 跨域访问iframe的限制:如果父页面和iframe页面不属于同一个域名,那么在iframe页面中无法直接访问父页面的DOM和JavaScript对象,反过来也一样。如果子页面和父页面不属于同一个域名,那么可以使用window.postMessage来进行跨域通信,父页面通过监听message事件来接收子页面发送过来的数据。如果子页面和父页面不属于同一个域名,而且无法修改子页面的代码,那么可以使用后端代理来解决跨域问题,父页面通过发起后端请求来获取子页面的数据。 阅读详情

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>上传图文素材</title>

</head>

<body>

    <form id="fileForm" method="POST" action="http://file.api.weixin.qq.com/cgi-bin/media/upload" enctype="multipart/form-data" target="hidden_frame">

        access_token:<input type="text" name="access_token">

        上传类型:<input type="text" name="type" value="image">

        素材:<input type="file" name="media">

        <input type="submit" value="提交"/>

    </form>

     <iframe name='hidden_frame' id="hidden_frame"></iframe>

     <input type="button" value="获取iframe中内容" onclick="getText();"/>

</body>

<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>

<script type="text/javascript">

    function getText(){

         var win = document.getElementById('hidden_frame').contentWindow;

         alert(win.document.body.innerText);

    }

</script>

</html>

父页面获取子页面的内容:

function getText(){

    var iframe = document.getElementById('hidden_frame');

    var iframeDoc = getIframeDocument(iframe);

    alert(iframeDoc.body.innerText);

}

function getIframeDocument(iframe) {

    return iframe.contentDocument || iframe.contentWindow.document;

}

或者子iframe中有多个子iframe时候选取第一个子iframe的内容:$('hidden_frame')[0].contentWindow

JS 在iframe子页面中调用和获取iframe父页面的方法和元素,以及在firame父页面中调用和获取iframe子页面的方法和元素 1、在子iframe中调用父窗口的方法 test()是父窗口中的方法。 window.parent.test(); 2、在子iframe中获取父窗口的元素 test是父窗口中的元素。 $("#test",window.parent.document).val(); $("#test",parent.document).val(); ... 阅读详情

相关推荐

iframe 页面中获取父级页面的 localStorage 或者 sessionStorage数据

在开发的过程中遇到需要在 iframe 页面中获取父级页面系统所存储的本地数据的需求。由于浏览器的安全策略,是不允许 iframe 页面直接获取系统的存储数据的,那么要如何解决呢?

jiangjunyuan168的博客 7373

Iframe的那些事,web开发项目实例

input type=button value=“调用child.html中的函数say()” οnclick=“callChild()”>5、子窗口页面:复制代码代码如下:二、iframe 父窗口和子窗口相互的调用方法。

weixin_58085973的博客 416

论文阅读笔记:Extended Vision Transformer (ExViT) for Land Use and Land Cover Classification

注意力机制驱动的深度模型最近取得了成功,如最具代表性的视觉转换器(ViT),吸引了一波高级研究来探索它们对更广泛领域的适应。然而,遥感(RS)领域中基于Transformer的方法更关注单模态数据,这可能会在充分利用不断增长的多模态地球观测数据时失去可扩展性。为此,我们提出了一种新的多模式深度学习框架,通过在最小修改的情况下扩展传统的ViT,针对土地利用和土地覆盖(LULC)分类任务。

嗑研狗的日常 945

iframe父页面调用子页面方法,并且获取数据(无跨域)

以上就是 iframe父页面调用子页面方法,并且获取数据(无跨域)最难部分就是跨越了。一定要注意:父子页面两边都要监听,子页面监听父页面传过来的参数,再根据参数判断调取哪个方法。父页面监听子页面传过来的数据。(注意:VUE的话将此方法写在mounted里边,如果是多次调取此方法的话,就换成window.onmessage=(e)=>{}2. 监听父页面传过来的参数来判断调取哪个方法。

weixin_48195664的博客 3138

【ROS】usb_cam相机标定

1. 唠叨两句 当我们要用相机做测量用途时,就需要做相机标定了,不然得到的计算结果会有很大误差,标定的内容包括三部分:内参,外参还有畸变参数。所以标定的过程就是要求得上面这些参数。 以前弄这个事估计挺麻烦,需要做实验和计算才能得到,现在通过ros的开源包几分钟就能完成相机标定,感激! 具体的内外参和畸变系数的说明,可以看看Reference里面的第一个链接,写得很详细。 2. 准备工作 要准备三样东西: usb_cam的ROS启动包 相机标定的ROS包 还有一个用于标定的棋盘格 1)usb_cam启动包

Will_Ye的博客 8202

stm32f103c8t6+esp8266在WiFi下通过手机控制外设

stm32f103c8t6+esp8266在WiFi下通过手机控制外设前言 前言 通过上一篇,介绍了esp8266的基本功能,这篇将用stm32c8t6配合esp8266进行数据交互,实现用手机通过无线的方式去控制外设、开关等;这里相当于把stm32作为上一篇的串口助手和esp8266进行通信; ...

weixin_45430735的博客 1万+

使用嵌套的iframe父级页面使用子级页面的数据

属性来获取嵌套的iframe的。,并将其传递给子级页面中名为。在父级页面中,你可以使用。这个函数接受一个参数。

qq_44866810的博客 614

Python调用Google Trends官方数据接口实战指南

Google Trends作为全球最权威的搜索热度分析工具,其数据本质是公开、结构化、可编程访问的时序指标,而非需爬取的网页内容。其底层基于标准HTTP协议与JSON API交互,核心原理在于复现用户浏览器行为——通过/explore接口获取token,再凭token请求/widgetdata/multiline等端点获取归一化(0-100)时间序列数据。该技术路径规避了Selenium渲染依赖与非官方库的脆弱性,具备高稳定性、易调试、可监控等工程优势,广泛应用于竞品监测、内容选题验证、地域营销策略制定等业

weixin_29789925的博客 419

JQ/JS 父页面获取iframe子窗口的元素

无论是原生的js还是jquery,我们必须在iframe加载完毕以后才能进行操作获取子页面的元素进行相应的操作。 方法1:原生JS进行父页面获取iframe子窗口的元素 document.getElementById('iframeId').contentWindow.document.getElementsById('iframe子页面Id') window.frames["iframeID"].document.getElementsByClassName('iframe子页面ID') .

cksdbb的博客 1万+

如何用Hugo Stack主题打造极简技术博客?3个必改配置与5个高级美化技巧

本文详细解析了如何深度定制Hugo Stack主题,打造个性化技术博客。文章提供了3个必改配置与5个高级美化技巧,涵盖字体美学、布局重构、代码块视觉强化及细节打磨,帮助开发者超越基础部署,实现从功能到美学的进阶,提升博客质感与用户体验。

carrot的博客 568

BIOS硬件监控实战:如何手动读取IT8738芯片的温度与风扇数据(附代码)

本文深入探讨了如何绕过操作系统和HWMonitor等监控软件,直接通过寄存器级操作读取IT8738超级I/O芯片的硬件监控数据。文章提供了从动态定位EC空间、构建底层读写函数到解码传感器寄存器映射的完整实战指南,并附有C语言代码示例,帮助开发者理解BIOS硬件监控的底层原理,适用于定制硬件开发与故障诊断。

weixin_29192211的博客 109

操作iframe(父级操作子iframe或子级操作父iframe)

2019独角兽企业重金招聘Python工程师标准>>> ...

weixin_33943347的博客 1116

手把手教你用GD32F407VET6的EXMC驱动外部SRAM,搞定大内存需求

本文详细介绍了如何使用GD32F407VET6的EXMC外设驱动外部SRAM,解决嵌入式开发中的大内存需求问题。通过硬件连接方案、EXMC时序配置与初始化步骤,以及软件集成与内存管理技巧,帮助开发者快速实现内存扩展。特别适合需要处理图形显示缓冲、音频处理等大内存场景的GD32F407开发者。

weixin_30752699的博客 346

iframe子页面获取父页面元素,或父页面获取iframe子页面的元素

用JS或jquery访问页面内...

我的博客 1546

【系统分析师】2025年上半年真题:案例分析-答案及详解(回忆版)

摘要: 试题一考查面向对象分析,涉及用例模型构建的四个阶段(识别参与者、合并需求、细化描述、调整模型),分析CRM系统的参与者与用例,并说明用例间的包含、扩展和泛化关系。 试题二探讨嵌入式Docker,包括容器的轻量性、可移植性及隔离性含义,10项措施与7个规范方面的对应关系,以及优化容器切换时间的三种方法(如无状态连接优化)。 试题三聚焦数据库设计,分析订单表的函数依赖与范式分解(BCNF),讨论分解后是否保持函数依赖及无损性,并针对触发器的性能缺陷提出优化方案。 试题四解析Web开发中的MVC架构与SS

数据知道的博客 6605

文档:亲测可用解决vnc灰屏,黑屏,鼠标大黑叉情况

主要解决vnc-viewer灰屏,黑屏,鼠标大黑叉等现象,详细见文档。

关于iframe窗口调用父级或同级的元素

html

wuyichang919的博客 864

NTscan扫描工具

ntscan是一个扫描器,可以扫描没有密码和弱密码的共享,先到配置文件中填写猜测的用户名和密码,扫描过程中右侧出现的是扫描日志。

子iframe通过a标签跳转到父页面_a标签、window.open与iframe运用

a标签的主要作用是用于超链接,可以链接到其他页面也可以链接到本地页面。在所有浏览器中,链接的默认外观如下:未被访问的链接带有下划线而且是蓝色的已被访问的链接带有下划线而且是紫色的活动链接带有下划线而且是红色的a标签属性href:url //规定链接的目标URLdownload:filename //指定下载链接例子:hreflang 属性用于指定被链接文档的语言(该属性只有设置了href属性...

weixin_39628343的博客 1505

计算机控制技术及应用

《计算机控制技术及应用》通过总结作者的科研成果和吸收国内外的先进理论、方法和技术,以计算机控制系统的网络化、开放化、智能化和集成化发展趋势为主线索,主要介绍计算机控制系统的基本概念和计算机控制系统的典型形式,计算机控制系统的数学描述与基本分析方法,以及数字PID控制器、最少拍控制系统、达林算法、状态变量设计法等设计方法及其各种改进算法。重点突出计算机控制系统输入输出通道接口的设计方法和典型控制系统的设计案例与实现方法等。

蓝牙模块HM-10手册

蓝牙模块HM-10手册,该手册对蓝牙模块HM-10进行了详细的介绍和使用方法以及一些AT指令。

iframe,触发别个iframe

1,iframe触发事件,'BLESS_SHOW'为别一个Iframe的ID window.parent.frames['BLESS_SHOW'].location.reload() 转载于:https://www.cnblogs.com/lilongjun/archive/2012/05/31/2528083.html

weixin_33698043的博客 150

JS获取父框架的内容:获取子框架的内容:js框架应用

   获取父框架的内容:   window.parent.id; ("id"为你要获取该值的名称);      parent.document.getElementById("xxx");      parent.document.getElementsByTagName("body")[0];         获取子框架的内容:   (第一个getElementById对象是子框架...

weixin_30565327的博客 66

嵌套 iframe 取值

index.htmlparent.htmlsub.html<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>Test</title><script type="text/javascript"> ...

weixin_30914981的博客 101

ifarme获取父级元素

js写法 a、同过contentWindow获取 也有用contentDocument 获取的 但是contentWindow 兼容各个浏览器,可取得子窗口的 window 对象。contentDocument Firefox 支持,> ie8 的ie支持。可取得子窗口的 document 对象。 获取方法 [html]view plaincopyprint? ...

weixin_30362233的博客 248

自动获取iFrame的高度,父iframe取得子iframe的form

function iFrameHeight(ifm) { //var ifm = document.getElementById('iframeBox4'); //var subWeb = document.frames ? document.frames["iframeBox4"].document : ifm.contentDocument; // IE和其他浏览器兼...

a4228492的博客 183

jquery iframe 子父页面相互可以操作元素方式

子操作父页面元素 $("父页面的id或name", window.parent.document).attr("src","http://www.baidu.com"); 父操作子页面元素 $(window.frames["父页面iframeid或name"].document).find("input[name='checkbox']:checked").each(function () ...

初学者的博客 423

父级页面从子Iframe页面中获取Vue实例踩坑记录!

从父级页面获取子级iframe页面的方法和数据: document.getElementById("父级元素id").contentWindow.子级方法(); document.getElementById("父级元素id").contentWindow.vue实例; document.getElementById("父级元素id").contentWindow.vue实例.vue方法(); document.getElementById("父级元素id").contentWindow.vue实例.vue

Okey 2680

iframe中参数传递、父页面获取子页面参数、子页面获取父页面参数

window.parent 是iframe页面调用父页面对象,当我们想从iframe内嵌的页面中访问外层页面是可以直接利用window.parent获取; 一、jquery父、子页面之间页面元素的获取,方法的调用 1. 父页面获取子页面元素: 格式:$("#iframe的ID").contents().find("#iframe中的控件ID").click(); 实...

NeverGiveUp的博客 7199

iframe父级调用子级,子级调用父级

iframe对于各级调用,首先要了解一个概念:iframe其实也是一个window对象,很重要 JS中document和window的区别 下面一个例子:调用子级iframe上的父级的另外一个子级iframe下的子级iframe var select_tab = '#'+top.window.$('.tab-addtabs div.active').prev().attr('id')+' i...

摘星辰Li 2001
上一篇: quartz报错:Couldn't retrieve trigger: No record found for selection of Trigger with key
下一篇: springboot新建一个无启动类的common-driver节点
qq_34412985
博客等级 码龄11年 143粉丝 983原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值