收集利用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中测试通过
原文地址:
http://yaofeng911.iteye.com/blog/552133
分享到:
相关推荐
### jQuery取得iframe中元素的几种方法 - **获取iframe的body内容**:使用`$(document.getElementById('iframeId').contentWindow.document.body).html()`可以获取到iframe中body元素的HTML内容。 - **通过iframe...
当涉及到在页面中嵌入 iframe (内联框架) 的情况时,jQuery 提供了一些方法来帮助我们方便地访问和操作 iframe 中的元素。本文将详细探讨如何使用 jQuery 在父窗口和 iframe 之间进行交互。 1. **父窗口操作 iframe...
本文将详细讲解如何使用jQuery来取得`iframe`中元素的方法。 首先,我们要明确一点:跨域的`iframe`是无法直接进行DOM操作的,这是浏览器的安全策略,以防止恶意网站对其他网站的页面进行篡改。但如果是同源策略下...
为了获取iframe中的DOM元素,我们可以通过jQuery来实现这一目标。...理解并掌握jQuery获取iframe DOM的方法,对于Web开发人员来说是十分有用的技能,能够帮助他们构建更加丰富和动态的网页交互体验。
首先,需要明确iframe元素可以被视为一个小型的浏览器窗口,它有自己的文档对象模型(DOM)。要与iframe中的DOM交互,需要通过iframe的window属性来访问。iframe的window属性实际上指向的是iframe内容的window对象。...
在网页开发中,有时我们需要对嵌入的`iframe`...通过`jQuery`的`prop`方法结合`contentWindow`属性,我们可以安全地访问和操作`iframe`内的元素。但同时也要注意跨域限制和性能优化,以确保代码的稳定性和效率。
1.获取父级元素 $("#id").parent() 获取其父级元素 $("#id").parents() 获取其所有的祖先元素 $("#id").closest() 获取其最近的祖先元素,依次上溯 ——————————————————————————– 2.获取...
使用jQuery和ajax代替iframe的主要方法在于:通过JavaScript动态地获取外部HTML内容,并将其插入到当前页面的指定容器中。这种做法可以保持页面的整体一致性,同时避免iframe带来的问题。 具体操作步骤如下: 1. ...
2. **高度计算**:通过DOM操作获取`iframe`的子元素高度,确保包括了所有可视内容。 3. **动态调整**:将计算出的高度应用于`iframe`的样式,设置其`height`属性,从而实现自适应。 4. **重试机制**:考虑到某些情况...
在这个例子中,attr("src")用于获取iframe元素的src属性值。 5. $(document).ready()方法: 在jQuery中,$(document).ready()方法用于确保在文档完全加载并且DOM树构建完成后执行代码。这是jQuery中最为常见的初始...
接下来,我们需要创建一个iframe元素。在HTML中,我们可以这样定义: ```html <iframe id="myIframe" src="" width="100%" height="500"></iframe> ``` 这里的id属性“myIframe”用于后续jQuery选择器定位该iframe。...
src属性是iframe元素中用于指定加载内容地址的属性。通过jQuery的attr()方法,我们可以轻松地更改这一属性来指定新的URL。例如,若要将页面中某个具有特定ID的iframe的内容更换为百度首页,可以使用$(“iframe”)....
2. jquery在父页面获取iframe子页面的元素 在jquery中,可以使用以下代码来获取iframe子页面的元素: ``` $("#objid", document.frames('iframename').document) ``` 其中,`iframename`是iframe的名称,`objid`是...
1. jQuery的跨iframe元素操作: jQuery提供了一种机制可以操作iframe中的DOM元素。通常情况下,因为浏览器的同源策略,我们无法跨域访问iframe中的内容。但是,在同一域内,我们可以通过jQuery来操作iframe中的页面...
#### 三、jQuery获取iframe元素的方法 ##### 3.1 在父窗口中获取iframe中的元素 jQuery提供了更为简洁的方法来处理DOM操作,包括对`iframe`的访问: **方法一:** ```javascript // 使用jQuery获取iframe中的元素 ...
这里使用了jQuery的contents()方法来获取iframe内的document,然后用find()方法找到目标控件,并执行click()操作。我们还看到了另一种方式,即使用document.frames集合: ```javascript $("#iframe中的控件ID", ...