利用JQuery操作iframe父页面、子页面的元素和方法汇总
更新时间：2017年09月10日 15:58:20 作者：冯凯昌
这篇文章主要给大家介绍了关于利用JQuery操作iframe父页面、子页面的元素和方法的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。
前言
iframe在复合文档中经常用到，利用jquery操作iframe可以大幅提高效率，本文主要给大家分享了关于简单使用JQUERY来操作IFRAME的一些记录，这个使用纯JS也可以实现。下面话不多说了，来一起看看详细的介绍吧。
第一、在iframe中查找父页面元素的方法：
$('#id', window.parent.document)
第二、在父页面中获取iframe中的元素方法：
$(this).contents().find("#suggestBox")
第三、在iframe中调用父页面中定义的方法和变量：
parent.method parent.value
JQUERY、JS调用IFRAME父窗口与子窗口元素的方法
1. jquery 在iframe子页面获取父页面元素代码如下:
$("#objid", parent.document)
2. jquery在父页面 获取iframe子页面的元素 代码如下:
$("#objid",document.frames('iframename').document)
3.js 在iframe子页面获取父页面元素代码如下:
indow.parent.document.getElementByIdx_x("元素id");
4.js 在父页面获取iframe子页面元素代码如下:
window.frames["iframe_ID"].document.getElementByIdx_x("元素id");
5.子类iframe内调用父类函数：
window.parent.func();
更多关于jquery操作iframe的技巧请大家关注这里：https://www.jb51.net/Special/822.htm
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对脚本之家的支持。
相关文章
JQuery扩展插件Validate 2通过参数设置验证规则
在前面示例中使用的的方法简单方便，但没有完全将js与页面结构完全分离，也就是说js依赖了class,下面通过validate()方法的参数设置验证规则将js与页面结构完全分离2011-09-09
jQuery LigerUI 插件介绍及使用之ligerDrag和ligerResizable示例代码打包
jQuery LigerUI 插件介绍及使用之ligerDrag和ligerResizable使用。2011-04-04
这篇文章主要实现了jQuery根据滚动条位置加载相应内容的操作，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-07-07
jQuery插件DataTable使用方法详解(.Net平台)
这篇文章主要为大家详细介绍了jQuery插件DataTable使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
Jqyery中同等与js中windows.onload的应用
我们知道，在javascript中用来执行页面加载中的操作时候，我们会使用windows.onload=function(){}或者windows.onload=函数名(),也可以在body中调用onload事件调用方法即可，在jQuery中也有相当的代码2011-05-05
这篇文章主要为大家详细介绍了基于jQuery实现选项卡效果的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-01-01
一个简单的JQuery each示例，使用each可以输出JS对象、json格式的数据，大家参考使用吧2013-11-11
我们就中和下利用JQuery来和他一个table里面相同内容的单元格，这里代码跟大家分享下，希望对大家有用2011-01-01
JQuery插件ajaxfileupload.js异步上传文件实例
这篇文章主要介绍了JQuery插件ajaxfileupload.js异步上传文件实例,本文直接给出了HTML代码和JS代码以及后台处理代码,需要的朋友可以参考下2015-05-05
客户端的抖动,快速操作,网络通信或者服务器响应慢,都容易造成服务器重复处理,这篇文章主要给大家介绍了关于jquery项目中如何防重复提交的相关资料,需要的朋友可以参考下2021-11-11
最新评论