`

jquery取得iframe元素的方法

阅读更多

收集利用Jquery取得iframe中元素的几种方法 :

 

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

 

 显示iframe中body元素的内容。

 

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

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

 

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

 作用同上

 

收集网上的一些示例:

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

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

1.在父窗口中操作 选中IFRAME中的所有单选钮
$(window.frames["iframe1"].document).find("input[@type='radio']").attr("checked","true");

2.在IFRAME中操作 选中父窗口中的所有单选钮
$(window.parent.document).find("input[@type='radio']").attr("checked","true");

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

IE7中测试通过
分享到:
评论

相关推荐

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

    ### jQuery取得iframe中元素的几种方法 - **获取iframe的body内容**:使用`$(document.getElementById('iframeId').contentWindow.document.body).html()`可以获取到iframe中body元素的HTML内容。 - **通过iframe...

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

    当涉及到在页面中嵌入 iframe (内联框架) 的情况时,jQuery 提供了一些方法来帮助我们方便地访问和操作 iframe 中的元素。本文将详细探讨如何使用 jQuery 在父窗口和 iframe 之间进行交互。 1. **父窗口操作 iframe...

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

    本文将详细讲解如何使用jQuery来取得`iframe`中元素的方法。 首先,我们要明确一点:跨域的`iframe`是无法直接进行DOM操作的,这是浏览器的安全策略,以防止恶意网站对其他网站的页面进行篡改。但如果是同源策略下...

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

    为了获取iframe中的DOM元素,我们可以通过jQuery来实现这一目标。...理解并掌握jQuery获取iframe DOM的方法,对于Web开发人员来说是十分有用的技能,能够帮助他们构建更加丰富和动态的网页交互体验。

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

    首先,需要明确iframe元素可以被视为一个小型的浏览器窗口,它有自己的文档对象模型(DOM)。要与iframe中的DOM交互,需要通过iframe的window属性来访问。iframe的window属性实际上指向的是iframe内容的window对象。...

    jQuery获取iframe的document对象的方法

    在网页开发中,有时我们需要对嵌入的`iframe`...通过`jQuery`的`prop`方法结合`contentWindow`属性,我们可以安全地访问和操作`iframe`内的元素。但同时也要注意跨域限制和性能优化,以确保代码的稳定性和效率。

    jQuery获取所有父级元素及同级元素及子元素的方法(推荐)

    1.获取父级元素 $("#id").parent() 获取其父级元素 $("#id").parents() 获取其所有的祖先元素 $("#id").closest() 获取其最近的祖先元素,依次上溯 ——————————————————————————– 2.获取...

    使用jQuery和ajax代替iframe的方法(详解)

    使用jQuery和ajax代替iframe的主要方法在于:通过JavaScript动态地获取外部HTML内容,并将其插入到当前页面的指定容器中。这种做法可以保持页面的整体一致性,同时避免iframe带来的问题。 具体操作步骤如下: 1. ...

    jquery对iframe自适应高度插件

    2. **高度计算**:通过DOM操作获取`iframe`的子元素高度,确保包括了所有可视内容。 3. **动态调整**:将计算出的高度应用于`iframe`的样式,设置其`height`属性,从而实现自适应。 4. **重试机制**:考虑到某些情况...

    jquery得到iframe src属性值的方法

    在这个例子中,attr("src")用于获取iframe元素的src属性值。 5. $(document).ready()方法: 在jQuery中,$(document).ready()方法用于确保在文档完全加载并且DOM树构建完成后执行代码。这是jQuery中最为常见的初始...

    Jquery实现iframe功能

    接下来,我们需要创建一个iframe元素。在HTML中,我们可以这样定义: ```html &lt;iframe id="myIframe" src="" width="100%" height="500"&gt;&lt;/iframe&gt; ``` 这里的id属性“myIframe”用于后续jQuery选择器定位该iframe。...

    jquery操作 iframe的方法

    src属性是iframe元素中用于指定加载内容地址的属性。通过jQuery的attr()方法,我们可以轻松地更改这一属性来指定新的URL。例如,若要将页面中某个具有特定ID的iframe的内容更换为百度首页,可以使用$(“iframe”)....

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

    2. jquery在父页面获取iframe子页面的元素 在jquery中,可以使用以下代码来获取iframe子页面的元素: ``` $("#objid", document.frames('iframename').document) ``` 其中,`iframename`是iframe的名称,`objid`是...

    jquery 查找iframe父级页面元素的实现代码

    1. jQuery的跨iframe元素操作: jQuery提供了一种机制可以操作iframe中的DOM元素。通常情况下,因为浏览器的同源策略,我们无法跨域访问iframe中的内容。但是,在同一域内,我们可以通过jQuery来操作iframe中的页面...

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

    #### 三、jQuery获取iframe元素的方法 ##### 3.1 在父窗口中获取iframe中的元素 jQuery提供了更为简洁的方法来处理DOM操作,包括对`iframe`的访问: **方法一:** ```javascript // 使用jQuery获取iframe中的元素 ...

    使用jquery/js获取iframe父子级、同级获取元素的方法

    这里使用了jQuery的contents()方法来获取iframe内的document,然后用find()方法找到目标控件,并执行click()操作。我们还看到了另一种方式,即使用document.frames集合: ```javascript $("#iframe中的控件ID", ...

Global site tag (gtag.js) - Google Analytics