在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素。
js
在父窗口中获取iframe中的元素
1.
格式:window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click();
实例:window.frames["ifm"].document.getElementById("btnOk").click();
2.
格式:
var obj=document.getElementById("iframe的name").contentWindow;
var ifmObj=obj.document.getElementById("iframe中控件的ID");
ifmObj.click();
实例:
var obj=document.getElementById("ifm").contentWindow;
var ifmObj=obj.document.getElementById("btnOk");
ifmObj.click();
在iframe中获取父窗口的元素
格式:window.parent.document.getElementById("父窗口的元素ID").click();
实例:window.parent.document.getElementById("btnOk").click();
jquery
在父窗口中获取iframe中的元素
1.
格式:$("#iframe的ID").contents().find("#iframe中的控件ID").click();//jquery 方法1
实例:$("#ifm").contents().find("#btnOk").click();//jquery 方法1
2.
格式:$("#iframe中的控件ID",document.frames("frame的name").document).click();//jquery 方法2
实例:$("#btnOk",document.frames("ifm").document).click();//jquery 方法2
在iframe中获取父窗口的元素
格式:$('#父窗口中的元素ID', parent.document).click();
实例:$('#btnOk', parent.document).click();
分享到:
相关推荐
下面小编就为大家带来一篇使用jquery/js获取iframe父子级、同级获取元素的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
在父窗口中获取iframe中的元素 1、 格式:window.frames[“iframe的name值”].document.getElementByIdx_x(“iframe中控件的ID”).click(); 实例:window.frames[“ifm”].document.getElementByIdx_x(“btnOk”)....
2. jquery在父页面 获取iframe子页面的元素 代码如下: $(“#objid”,document.frames(‘iframename’).document) 3.js 在iframe子页面获取父页面元素代码如下: indow.parent.document.getElementByIdx_x(“元素id”)...
父中: 代码如下: <input id=”username”type=”text” /> [removed] var count = 1; [removed] ————————————————————- 子iframe中: ...//获取父中jQuery对象 alert(window.parent.docume
第二、在父页面中获取iframe中的元素方法:$(this).contents().find(“#suggestBox”) 第三、在iframe中调用父页面中定义的方法和变量:parent.methodparent.valueiframe里用jquery获取父页面body iframe.html 代码...
前言 iframe在复合文档中经常用到,利用...第二、在父页面中获取iframe中的元素方法: $(this).contents().find(#suggestBox) 第三、在iframe中调用父页面中定义的方法和变量: parent.method parent.value JQUERY、J
通过JAVASCRIPT或者JQUERY操作框架页面的方法,分为获取元素和调用函数
超实用的jQuery代码段精选近350个jQuery代码段,涵盖页面开发中绝大多数要点、技巧与方法,堪称史上最实用的jQuery代码参考书,可以视为网页设计与网站建设人员的好帮手。《超实用的jQuery代码段》的代码跨平台、跨...
解决办法是:用js判断页面是否被嵌套,用js计算iframe在父窗体位置,锚点在firame中的位置,两者相加成为父窗体的滚动。 遇到问题:获取父窗体元素(因为有域限制,所有需要在网络环境下方位(即http://domain.com...
本文实例讲述了jQuery子窗体取得父窗体元素的方法。分享给大家供大家参考。具体如下: $(#父窗口元素ID,window.parent.document); 对应javascript版本为 window.parent.document....获取iframe父窗体元素: $(sele
iframe 高度 iframe 高度是一个允许... 您可能只想使用 jquery 或其他选择器获取给定元素或主体的高度。 配置选项 Options : { src : '' // The source url that the iframe is going to load element : '' // The id
1、链接两个'litebox.css ','images-loaded.js'和'litebox.js'文件到您的文档。 只需将链接到内容的超链接href属性,给它一个类名,你就会用LiteBox 。 2、对于嵌入内容,你只需要添加URL到网页,而不是...
此插件使用 FileAPI ( ) 来获取所选文件。 它不使用动态创建 iframe 的传统方式,而是使用 FormData 对象( )。 步骤1 进行 AJAX 调用以上传文件。 创建一个 FormData 对象。 然后将文件(使用 FileAPI 捕获,在...
功能非常简单:jQuery 函数获取文本区域的内容并将其呈现在 iframe 中。 不幸的是,我必须在在线版本上禁用 Playground 的 javascript 元素,因为允许用户提交自己的脚本是一个安全噩梦! 在这里查看: :