`
mowengaobo
  • 浏览: 164156 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

用jQuery在IFRAME里取得父窗口的某个元素的值

阅读更多

只好用DOM方法与jquery方法结合的方式实现了

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

$(window.frames["iframe1"].document).find("input[ at type='radio']") dot attr("checked","true");

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

$(window.parent.document).find("input[ at type='radio']") dot attr("checked","true");
/

iframe框架的:<iframe src="test.html" id="iframe1" width="700" height="300" frameborder="0" scrolling="auto"></iframe>

IE7中测试通过

在父页面访问Iframe子窗体的txtAddress控件
/

window.frames["ifrMapCompanyDetails"].document.all("txtAddress").value = '地址' ;
/

 

在Iframe子窗体1访问父页面的TextBox1控件 , 子窗体1把值赋给子窗体2的某个控件
/

string strValue = "从子窗体传递给父页面的值" ;

下面是在Page_Load事件里面调用的,当然可以写在javascript脚本里面

this.Response.Write("<script>parent.document.all('TextBox1').value = '" + strValue + "';</script>");

this.Response.Write("<script>if( parent.document.all('TextBox2').value = '0')parent.document.all('TextBox1').value = '44';</script>");
/

子窗体访问父窗体中的全局变量:

parent.xxx;
/

 

在Iframe子窗体1访问子窗体2的txtAddress控件 子窗体1把值赋给子窗体2的某个控件
/

window.parent.frames["ifrMapCompanyDetails"].document.all("txtAddress").value = '地址' ;

 

/*本文字内容,不影响代码正常运行:星网科技HTTP://5UU8.COM/blog/版权所有,本站首发,转载请注明*/
父窗体提交两个Iframe子窗体

window.frames["ifrMapCompanyDetails"].Form1.submit();
/

window.frames["ifrMapProductInfoDetails"].Form1.submit();

 

Iframe子窗体 调用父页面的javascript事件

window.parent.XXX()

 

//父页面调用当前页面中IFRAME子页面中的脚本childEvent
/

function invokechildEvent()

{ var frm = document.frames["ifrChild1"].childEvent(); }
/

或者调用当前页面中第一个IFRAME中的脚本childEvent
/

{ var frm = document.frames[0]; frm.childEvent(); }
/

 

//子页面调用父窗体的某个按钮的按钮事件

window.parent.Form1.btnParent.click()
/

 

父页面调用子窗体的某个按钮的按钮事件
/

window.frames['ifrChild1'].document.all.item("btnChild3").click();

 

//jquery 部分:
/*本文字内容,不影响代码正常运行:星网科技HTTP://5UU8.COM/blog/版权所有,本站首发,转载请注明*/
1.在父窗口中操作 选中IFRAME中的所有单选钮
/*

$(window.frames["iframe1"].document).find("input[ at type='radio']") dot attr("checked","true");
/

 

/*本文字内容,不影响代码正常运行:星网科技HTTP://5UU8.COM/blog/版权所有,本站首发,转载请注明*/
2.在IFRAME中操作 选中父窗口中的所有单选钮
/*

$(window.parent.document).find("input[ at type='radio']") dot attr("checked","true");

分享到:
评论

相关推荐

    jquery、js调用iframe父窗口与子窗口元素的方法整理.docx

    然而,在使用iframe时,经常会遇到一个问题:如何在iframe中访问父窗口的元素,或者在父窗口中访问iframe中的元素?本文将对jquery和js调用iframe父窗口与子窗口元素的方法进行整理。 1. jquery在iframe子页面获取...

    Jquery调用iframe父页面中的元素及方法

    本文将详细介绍如何使用jQuery来查找和操作iframe父页面中的元素和方法。 首先,需要明确iframe元素可以被视为一个小型的浏览器窗口,它有自己的文档对象模型(DOM)。要与iframe中的DOM交互,需要通过iframe的...

    jquery、js调用iframe父窗口与子窗口元素的方法整理

    当我们需要在iframe子页面中访问父页面的元素时,可以使用jQuery的`parent.document`来引用父窗口的文档对象。例如,如果我们要获取父页面中ID为"objid"的元素,代码如下: ```javascript $("#objid", parent....

    Jquery取得Iframe中元素的几中方法

    本文将详细探讨如何使用 jQuery 在父窗口和 iframe 之间进行交互。 1. **父窗口操作 iframe 中的元素** - **通过 DOM 方法**:可以使用 `window.frames` 集合来访问 iframe 内的文档,然后使用 `document` 属性来...

    解析Jquery取得iframe中元素的几种方法

    - **在父窗口中操作iframe中的元素**:如果在父窗口中操作iframe内的元素,可以使用`$("#iframeId", window.parent.document).find("#elementId")`来获取iframe中id为`elementId`的元素。 ### iframe操作父窗口中的...

    JQUERY 获取IFrame中对象及获取其父窗口中对象示例

    在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素 在父窗口中获取iframe中的元素 格式:$(“#iframe的ID”).contents().find(“#iframe中的控件ID...

    Jquery方式获取iframe页面中的 Dom元素

    为了获取iframe中的DOM元素,我们可以通过jQuery来实现这一目标。在具体的实现过程中,需要注意iframe中的内容必须和主页面出于同一个域中,否则会受到浏览器同源策略的限制,无法获取到其中的DOM元素。这是因为...

    JQUERY实现iframe页面切换功能

    要使用jQuery实现iframe页面切换,我们首先需要在HTML中设置一个iframe元素,并为其定义一个id,以便于后续的jQuery选择器能够找到它: ```html &lt;iframe id="myIframe" src="初始页面URL"&gt;&lt;/iframe&gt; ``` 接下来,...

    JS与jQuery实现子窗口获取父窗口元素值的方法

    `$("#aa", window.opener.document).val()`是在父窗口的文档中寻找`id`为`aa`的元素并获取其值,然后将这个值设置到子窗口的`div`元素`bb`中。 ### 相关知识点 在进行上述操作时,有一些重要的知识点需要掌握: 1...

    jquery 跨iframe拖拽

    本篇文章将详细探讨"jquery 跨iframe拖拽"这一主题,该技术允许用户在不同的IFrame之间进行元素的拖放操作,这对于构建多窗口、多面板的Web应用尤其有用。 首先,我们要理解IFrame(内联框架)的概念。IFrame是一种...

    jQuery取得iframe中元素的常用方法详解

    - 在父窗口中操作`iframe`中的元素: ```javascript $(window.frames["iframe1"].document).find("input:radio").attr("checked", "true"); ``` - 在`iframe`中操作父窗口的元素: ```javascript $(window....

    js与jQuery 获取父窗、子窗的iframe.docx

    在父窗口中访问子窗口(即`iframe`内的文档)通常需要使用`window.frames`或`document.getElementById`方法。下面介绍两种主要的方法: **方法一:** ```javascript // 使用window.frames获取iframe中的元素 ...

    jQuery控制iFrame(实例代码)

    用jQuery在IFRAME里取得父窗口的某个元素的值只好用DOM方法与jquery方法结合的方式实现了 1.在父窗口中操作 选中IFRAME中的所有单选钮$(window.frames[“iframe1”].document).find(”input[@type=’radio’]“)....

    lightbox在iframe内弹在父窗口上

    在提及的"Lightbox在iframe内弹在父窗口上"的话题中,我们讨论的是如何在嵌入的iframe框架内部触发Lightbox效果时,使其能够跨越iframe边界,直接在父窗口中展示。 Lightbox通常与JavaScript库如jQuery结合使用,...

    jquery.iframe-transport.js包

    jquery.iframe-transport.js包

    iframe里面的元素触发父窗口元素事件的jquery代码

    2. **jQuery在iframe事件触发中的应用:** 文中提到,使用jQuery可以简化在iframe内元素上触发父窗口事件的过程。一般而言,我们可能会认为通过调用iframe内的jQuery实例来触发事件即可,但实际上,这是不正确的。...

    jquery得到iframe src属性值的方法

    在主页面中,window对象和window.parent是同一个对象,但在嵌入的iframe页面中,window.parent指的是包含当前iframe的父窗口对象。 7. JavaScript弹窗alert(): alert()是JavaScript内置的一个函数,用于弹出包含...

    JQuery操作iframe父页面与子页面的元素与方法(实例讲解)

    第二、在父页面中获取iframe中的元素方法:$(this).contents().find(“#suggestBox”) 第三、在iframe中调用父页面中定义的方法和变量:parent.methodparent.valueiframe里用jquery获取父页面body iframe.html 代码...

    js图片iframe内页父页展示全屏

    这段代码首先通过`getElementById`获取`iframe`元素,然后通过`contentWindow`属性访问到`iframe`内部的页面,再用`querySelector`找到图片元素,并设置其宽高为父窗口的宽高。 为了实现动态响应,我们需要监听窗口...

Global site tag (gtag.js) - Google Analytics