Jquery操作iframe

最新推荐文章于 2023-05-26 11:28:04 发布

kx_note

最新推荐文章于 2023-05-26 11:28:04 发布

阅读量571

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签： js iframe

本文链接：https://blog.youkuaiyun.com/u012815721/article/details/24370097

js 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了如何使用jQuery轻松地操作iframe元素，包括在iframe连接的页面上进行选择和样式修改，以及在父页面上操作iframe容器的方法。

近期在开发的时候发现用jquery操作iframe的时候还挺有意思。

这里有一个div

<div id="iframe_a_warn" style="width: 662px;top: 10px;position: relative;z-index: 999999;margin: 0 auto">
            <iframe id="iframe_from" src="analyse/warning.html" style="height: 600px;width: 662px;border:none;"/>
        </div>

这是要操作他所连接的页面的div

<div class="warning-alert" id="warnimg-alert"></div>

此时我们要操作，iframe所连接的页面的时候就可以用这个方法

$(window.frames["iframe_from"].document).find("#warnimg-alert").css('display','block');

就可以获取到相应的对象，然后进行相关操作了。

同理，我们如果想在iframe连接的页面操作父页面的时候就可以用下面这个方法

window.parent.document.getElementById("iframe_a_warn").style.display = "none";

ok！

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

kx_note

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

jquery操作 iframe的方法

10-25

下面，我们将详细介绍jQuery操作iframe的方法。首先，我们需要了解jQuery对象的contents()方法。contents()方法能够查找匹配元素内部的所有子节点，包括文本节点。如果匹配的元素是iframe，则可以通过此方法访问...

jQuery操作iframe中js函数的方法小结

10-22

jQuery操作iframe中js函数的方法主要包括了对iframe元素的操作、对父页面元素的操作、在主页面中调用iframe的js函数以及在jQuery中调用iframe的js函数四个部分，每一个部分都有其特定的方法和注意事项。首先，操作...

参与评论您还未登录，请先登录后发表或查看评论

使用jQuery操控IFrame

wanghu1970的专栏

11-14

304

1. 调整IFrame滚动条的位置直接粘贴别人的代码吧： <a href="#" id="scroll">Scroll to (400,400)!</a><br /> <div id="google" style="width: 300px; height: 200px; overflow: auto;"&a

使用jquery获取iframe元素,如果看不到的水友们,可以私信我,我发你

xiaoshitou_s的博客

02-16

449

iframe框架的HTML：

jquery 操作iframe的几种方法总结选择器

qq_32722591的博客

05-26

4823

("#mainframe",parent.document.body).contents().find("someID").html()或者 $("#mainframe",parent.document.body).contents().find("someID").val()一个页面中的所有框架以集合的形式作为window 对象的属性提供，例如：window.frames就表示该页面内所有框架的集合，这和表单对象、链接对象、图片对象等是类似的，不同的是，这些集合是 document的属性。

jquery form插件学习

阿O、不拽

03-05

261

网址：http://malsup.com/jquery/form/ jquery form插件是用于在页面使用ajax上传表单、文件，不刷新的功能，直接开始例子：有两种方式: ajaxForm 和ajaxSubmit ，前者直接在文档加载完成之后绑定到form上即可，在页面提交的时候会自动触发里面的处理，后者表示手动调用插件的ajax提交时机，可以在form提交的时...

jQuery 编写iframe页面, 以及页面使用

weixin_43687353的博客

05-10

803

iframe引用  <div class="easyui-dialog" style="border: 0;" id="iframe-dialog" data-options="closed:true,width:800,height:600, content:'<iframe src=\'\' id=\'dialog-iframe-id\' width=\'100%\' height=\'99%\' frameborder=\'

jQuery操作iframe元素

sunweixin8的博客

07-29

701

jQuery操作iframe元素深度踩坑原理：调用DOM对象,必须在页面(框架)完全下载完后才能构建DOM树, 所以我们这样解决:把操作放在iframe加载完毕的事件中深度踩坑今天做了一个后台管理的新手引导界面，就需要操作iframe里面的元素了，网上百度了好多，前篇一律最终在一个不知名的博客上找到了，还是乱码，中文符号什么的，整理了一下，希望能帮到大家，喜欢的小伙伴可以来个-三连-吆！原理：调用DOM对象,必须在页面(框架)完全下载完后才能构建DOM树, 所以我们这样解决:把操作放在ifra

JQuery操作Iframe

李慕白

08-13

653

iframe在复合文档中经常用到，利用jquery操作iframe可以大幅提高效率，这里收集一些基本操作 DOM方法：父窗口操作IFRAME：window.frames["iframeSon"].document IFRAME操作父窗口: window.parent.document jquery方法: 在父窗口中操作选中IFRAME中的所有输入框： $(window.frames[

JQuery 操作iframe

海内存知己

05-31

751

一、子iframe内操作父界面：1：函数调用window.parent.fun();2：操作元素 $("#xx", window.parent.document);二、父界面操作子iframe：1：函数调用 `$("#iframeid").contents().find("#xx").val("test");`2：操作元素 $("#iframeid")[0].contentWindow

jquery 操作iframe的几种方法总结

12-10

// 操作iframe中的元素 $(this).contents().find("#targetElement").text("已由jQuery更新"); }); }); <iframe id="iframe1" src="child.html" width="500" height="300"></iframe> ``` 在这个例子中，...

利用JQuery操作iframe父页面、子页面的元素和方法汇总

10-19

在网页开发中，`iframe`...为了进一步深入学习，可以查阅相关的教程和资源，例如链接中的网站提供了更多的`jquery操作iframe`的技巧和实践案例。在实践中不断探索和积累，将有助于提升你在网页开发领域的专业技能。

js自动切换背景图

u012815721的专栏

04-11

1762

$(function(){ var curIndex=0; //时间间隔(单位毫秒)，每秒钟显示一张，数组共有5张图片放在Photos文件夹下。 var timeInterval=1000; var arr=new Array(); arr[0]="images/background/b1.jpg"; arr[1]="images/background/b2

js写基本的时钟

u012815721的专栏

09-19

1062

var startTime = function(){ var today = new Date(); var hour = today.getHours(); var min = today.getMinutes(); var s = today.getSeconds(); min = checked(min); s = checked(s); document.ge

jquery禁用右键、文本选择功能、复制按键的实现

u012815721的专栏

09-26

626

同时适合IE、firefox、谷歌浏览器下适用，经过筛选代码如下：

优化算法基于四则运算的算术优化算法原理与Python实现：面向图像分割的全局寻优方法研究

最新发布

09-06

内容概要：本文系统介绍了算术优化算法（AOA）的基本原理、核心思想及Python实现方法，并通过图像分割的实际案例展示了其应用价值。AOA是一种基于种群的元启发式算法，其核心思想来源于四则运算，利用乘除运算进行全局勘探，加减运算进行局部开发，通过数学优化器加速函数（MOA）和数学优化概率（MOP）动态控制搜索过程，在全局探索与局部开发之间实现平衡。文章详细解析了算法的初始化、勘探与开发阶段的更新策略，并提供了完整的Python代码实现，结合Rastrigin函数进行测试验证。进一步地，以Flask框架搭建前后端分离系统，将AOA应用于图像分割任务，展示了其在实际工程中的可行性与高效性。最后，通过收敛速度、寻优精度等指标评估算法性能，并提出自适应参数调整、模型优化和并行计算等改进策略。; 适合人群：具备一定Python编程基础和优化算法基础知识的高校学生、科研人员及工程技术人员，尤其适合从事人工智能、图像处理、智能优化等领域的从业者；; 使用场景及目标：①理解元启发式算法的设计思想与实现机制；②掌握AOA在函数优化、图像分割等实际问题中的建模与求解方法；③学习如何将优化算法集成到Web系统中实现工程化应用；④为算法性能评估与改进提供实践参考；阅读建议：建议读者结合代码逐行调试，深入理解算法流程中MOA与MOP的作用机制，尝试在不同测试函数上运行算法以观察性能差异，并可进一步扩展图像分割模块，引入更复杂的预处理或后处理技术以提升分割效果。

【微信小程序源码】图文信息；欢迎页面，音乐控制.zip

09-06

资源说明： 1：本资料仅用作交流学习参考，请切勿用于商业用途。 2：一套精品实用微信小程序源码资源，无论是入门练手还是项目复用都超实用，省去重复开发时间，让开发少走弯路！更多精品资源请访问 https://blog.youkuaiyun.com/ashyyyy/article/details/146464041

bedrock-testing-support-7.0.4.jar中文-英文对照文档.zip

09-06

1、压缩文件中包含：中文-英文对照文档、jar包下载地址、Maven依赖、Gradle依赖、源代码下载地址。 2、使用方法：解压最外层zip，再解压其中的zip包，双击【index.html】文件，即可用浏览器打开、进行查看。 3、特殊说明：（1）本文档为人性化翻译，精心制作，请放心使用；（2）只翻译了该翻译的内容，如：注释、说明、描述、用法讲解等；（3）不该翻译的内容保持原样，如：类名、方法名、包名、类型、关键字、代码等。 4、温馨提示：（1）为了防止解压后路径太长导致浏览器无法打开，推荐在解压时选择“解压到当前文件夹”（放心，自带文件夹，文件不会散落一地）；（2）有时，一套Java组件会有多个jar，所以在下载前，请仔细阅读本篇描述，以确保这就是你需要的文件。 5、本文件关键字： jar中文-英文对照文档.zip,java,jar包,Maven,第三方jar包,组件,开源组件,第三方组件,Gradle,中文API文档,手册,开发手册,使用手册,参考手册。