精华内容
下载资源
问答
  • 获取iframe中元素

    2014-08-15 16:25:07
    在web开发,经常会用到iframe,难免会碰到需要在...在父窗口中获取iframe中元素 1、 格式:window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click(); 实例:window.frames["ifm
    在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();


     

    展开全文
  • 在父窗口中获取iframe中元素  方式1: 格式:$("#iframe的ID").contents().find("#iframe中的控件ID").click();//jquery 方法1 实例:$("#ifm").contents().find("#btnOk").click();//jquery 方法1 方式2: ...

    在父窗口中获取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();

    在iframe中获取同级iframe的元素

    格式:$('#同级iframe元素ID', parent.frames("frame的name").document).click();
    实例:$('#btnOk', parent.frames("ifm").document).click();

    转载至:http://blog.sina.com.cn/s/blog_7284f2890102ydoj.html

    展开全文
  • Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe元素、内容或者ID。

    query取得iframe中元素的几种方法

    在iframe子页面获取父页面元素
    代码如下:

    $('#objId', parent.document);
    // 搞定...

    在父页面 获取iframe子页面的元素
    代码如下:

    $("#objid",document.frames('iframename').document)


    $(document.getElementById('iframeId').contentWindow.document.body).html()

    显示iframe中body元素的内容。



    $("#testId", document.frames("iframename").document).html();

    根据iframename取得其中ID为"testId"元素


    $(window.frames["iframeName"].document).find("#testId").html()


    用JS或jQuery访问页面内的iframe,兼容IE/FF
    注意:框架内的页面是不能跨域的!

    假设有两个页面,在相同域下.

    index.html 文件内含有一个iframe:

    XML/HTML代码
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
    <title>页面首页</title> 
    </head> 
     
    <body> 
    <iframe src="iframe.html" id="koyoz" height="0" width="0"></iframe> 
    </body> 
    </html>  
    iframe.html 内容:

    XML/HTML代码
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
    <title>iframe.html</title> 
    </head> 
     
    <body> 
    <div id="test">www.koyoz.com</div> 
    </body> 
    </html> 

    1. 在index.html执行JS直接访问:

    JavaScript代码
    document.getElementById('koyoz').contentWindow.document.getElementById

    ('test').style.color='red'  
    通过在index.html访问ID名为'koyoz'的iframe页面,并取得此iframe页面内的ID为'test'的

    对象,并将其颜色设置为红色.

    此代码已经测试通过,能支持IE/firefox .

    2. 在index.html里面借助jQuery访问:

    JavaScript代码
    $("#koyoz").contents().find("#test").css('color','red');  
    此代码的效果和JS直接访问是一样的,由于借助于jQuery框架,代码就更短了.


    收集网上的一些示例:
    用jQuery在IFRAME里取得父窗口的某个元素的值
    只好用DOM方法与jquery方法结合的方式实现了

    1. 在父窗口中操作 选中IFRAME中的所有单选钮

    $(window.frames["iframe1"].document).find("input:radio").attr("checked","true");

    2. 在IFRAME中操作 选中父窗口中的所有单选钮

    $(window.parent.document).find("input:radio").attr("checked","true");

    父窗口想获得IFrame中的Iframe,就再加一个frames子级就行了,如:
    $(window.frames["iframe1"].frames["iframe2"].document).find("input:radio").attr("checked","true");

    3.在子窗口中调用父窗口中的另一个子窗口的方法(FRAME):

      parent.frames["Main"].Fun();

      注意:建议使用[],这样比较兼容多个浏览器,() 火狐/搜狗/谷歌不兼容。


    转载自:http://blog.chinaunix.net/uid-12244148-id-3830980.html

    展开全文
  • JS获取并操作iframe中元素的方法,需要的朋友可以参考一下
  • jquery如何获取iframe中元素?下面本篇文章给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。jquery如何获取iframe中元素?在父窗口中获取iframe中元素方法1格式:$("#...

    jquery如何获取iframe中的元素?下面本篇文章给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

    bf8570da0ebf49328412a64debc132ad.png

    jquery如何获取iframe中的元素?

    在父窗口中获取iframe中的元素

    方法1

    格式:$("#iframe的ID").contents().find("#iframe中的控件ID").click();

    实例:$("#ifm").contents().find("#btnOk").click();

    方法2

    格式:$("#iframe中的控件ID",document.frames("frame的name").document).click();

    实例:$("#btnOk",document.frames("ifm").document).click();

    在iframe中获取父窗口的元素

    格式:$('#父窗口中的元素ID', parent.document).click();

    实例:$('#btnOk', parent.document).click();

    拓展:

    JavaScript

    在父窗口中获取iframe中的元素格式:window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click();

    实例:window.frames["ifm"].document.getElementById("btnOk").click();

    格式:

    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();

    更多web前端开发知识,请查阅 HTML中文网 !!

    展开全文
  • Js/Jquery获取iframe中元素Iframe中获取父窗体的元素方法 在web开发,经常会用到iframe,难免会碰到需要在父窗口使用iframe中元素、或者在iframe框架使用父窗口的元素 js 在父窗口中获取...
  • Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe元素、内容或者ID,反之也行! query取得iframe中元素的几种方法   在iframe子页面获取父页面元素 代码如下: $('#objId', parent....
  • jquery如何获取iframe中元素?下面本篇文章给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。jquery如何获取iframe中元素?在父窗口中获取iframe中元素方法1格式:$("#...
  • 1.frameborder 是否显示边框,1(yes),0(no)2.height/width 宽高建议通过css来设置3.name:框架的名称,window.frames[name]时专用的属性4.scrolling...同域下能自由操作iframe和父框架,跨域只能实现页面跳转2.获取页...
  • jQuery获取iframe中元素

    千次阅读 2019-05-08 22:57:47
    1、iframe页面取元素的值: //父页面代码: <div> <iframe id="iframe1" src="HtmlPage1.html" runat="server" width="500px" height="200px"></iframe> <input id="Button2" t...
  • 1. 在父窗口中获取Iframe中元素 (1) JQuery // 方式1 $("#iframe的id").contents().find("#iframe中控件的id").事件(); //方式2 $("#iframe中控件的id",document.frames("iframe的name").document).事件(); (2...
  • 首页:iframe引入test.html <... <body> <...用 IFRAME 可以在HTML文件里显示另一...这个 HTML 文档使用 IFRAME 来显示另外一个叫Frame_a.html 的网页。</p> <iframe id="iframe" src="test.html...
  • 在父窗口中获取iframe中元素 1. Js代码  格式:window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click();  实例:window.frames["ifm&...
  • 在父窗口中获取iframe中元素 原文:在iframe窗体内 获取父级的元素;;在父窗口中获取iframe中元素iframe中获取父窗口的元素 $(‘#父窗口元素ID’, parent.document).click();   ...
  • jquery取得iframe中元素的几种方法 在iframe子页面获取父页面元素 代码如下:$('#objId', parent.document);// 搞定...在父页面 获取iframe子页面的元素代码如下:$("#objid",document.frames('iframename')....
  • Js获取iframe中元素

    2021-05-20 16:12:56
    1.iframe中不存在name和id的方法 var iframe = document.getElementsByTagName('iframe')[0].contentWindow iframe.document.querySelector("#元素") 2.iframe中存在name或者id...3.子窗口获取父窗口的元素 v...
  • Js/Jquery获取iframe中元素
  • 获取iframe中元素

    2017-08-09 11:48:41
    原文地址:... jQuery取得iframe中元素的几种方法 在iframe子页面获取父页面元素 代码如下: $('#objId', parent.document); // 搞定... 在父页面 获取iframe子页面的元素 代码如下
  • 在web开发,经常会用到iframe,难免会碰到需要在父窗口...在父窗口中获取iframe中元素 1 2 3 4 5 6 7 8 9 10 11 格式:window.frames["ifra...
  • iframe中获取父窗口的元素 // 格式: $('#父窗口元素ID',parent.document).click(); // 实例: $('#btnOk',parent.document).click(); 在父窗口中获取iframe中元素 // 格式: $("#iframe的ID")....
  • 通过JavaScript获取iframe中元素的值

    千次阅读 2017-10-11 03:59:10
    假如我们项目有a,b两个HTML,a.html 如何获取到 b.html中元素的值呢? 具体实现 b页面有个 input input name="hh" type="text"> a页面HTML代码: iframe id="b"...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 39,493
精华内容 15,797
关键字:

获取iframe中的元素的位置