test1.html
<html>
<head>
<script>
function t(){
var dd = document.all('test2').contentWindow.document;
dd.getElementById('my').style.display='none';
}
function getImage(paht)
{
var dd = document.all('test2').contentWindow.document;
dd.getElementById('covertImage').src=paht;
}
</script>
</head>
<body >
<input type="button" value="test" onClick="t();"/>
<input type="button" value="image1" onClick="getImage('1.jpg')"/>
<input type="button" value="image2" onClick="getImage('2.jpg')"/>
<input type="button" value="image3" onClick="getImage('3.jpg')"/>
<input type="button" value="image4" onClick="getImage('4.jpg')"/>
<iframe id="test2" name="test2" src="test2.html" frameborder="0" ></iframe>
</body>
</html>
test2.html
<html>
<head>
</head>
<body>
<div id="my" name="my">
测试一下，父窗体可以把我隐藏掉!!!!!!!!
</div>
<img src="" id="covertImage"/>
</body>
</html>
分享到：
相关推荐
首先，通过“$("#frame_1")”选择器找到id为“frame_1”的iframe元素。然后，通过调用“.contents()”方法获取iframe的文档内容，这会返回iframe的Document对象。接着，使用“.find()”方法在该文档中查找具有特定id...
为了实现这样的功能，我们需要首先获取到`iframe`的`document`对象，因为`document`对象是HTML文档的根节点，提供了访问和操作页面元素的接口。本篇文章将详细介绍如何在jQuery中获取`iframe`的`document`对象，并...
### iframe框架与JavaScript获取iframe元素详解 #### 一、引言 `iframe`是非标准HTML标签，最初由Internet Explorer浏览器引入并推广，随后被Mozilla等其他浏览器所支持。`iframe`的主要用途是在当前网页中嵌入另一...
3. 使用iframe元素的contentWindow属性获取到iframe的window对象。 4. 利用contentWindow对象，可以通过document.getElementById()等方法获取到iframe内部DOM元素的引用。 5. 通过获取到的DOM元素引用来对其进行各种...
这种方法首先通过getElementById方法获取iframe元素的引用，然后通过访问其contentWindow属性获取iframe内部的window对象，最后通过内部window对象的document属性再次使用getElementById方法来访问内部元素。...
我们可以使用这个对象来访问 iframe 中的文档对象，然后获取文档中的内容。 问题和解决方案 在获取 iframe 中的内容时，我们可能会遇到一些问题。 1. 同源策略的限制 由于同源策略的限制，我们无法访问不同...
- **通过 DOM 方法**：可以使用 `window.frames` 集合来访问 iframe 内的文档，然后使用 `document` 属性来获取其内容。例如，`window.frames["iframeSon"].document` 可以获取 id 为 "iframeSon" 的 iframe 中的...
此函数通过`getElementById`方法获取指定ID的`iframe`，然后返回其`contentWindow.document`，这样就得到了`iframe`内的`document`对象。 接着，我们可以通过这个`document`对象来操作DOM，如改变元素的样式： ```...
2. iframe的name和id属性：在进行iframe元素的获取时，使用name或id属性是很有用的。name属性允许在父窗口中通过window.frames数组访问iframe，而id属性则可以在iframe内部使用window.parent.document....
- JavaScript可以通过DOM（Document Object Model）操作iframe元素。 - 主要通过`window.frames`或者`document.getElementById('iframeId').contentWindow`来访问iframe内的窗口对象。 - 可以通过`window.frames...
JS获取/设置iframe内对象元素、文档的几种方法 1、IE专用(通过frames索引形象定位)： 代码如下: document.frames[i].document.getElementById(‘元素的ID’); 2、IE专用(通过iframe名称形象定位)： 代码如下: ...
这两个例子展示了如何获取`iframe`内特定ID元素的HTML内容。 4. **在`index.html`中使用jQuery访问`iframe`**： ```javascript $("#koyoz").contents().find("#test").css('color', 'red'); ``` 这里`contents...
这个压缩包文件“谷歌浏览器的一个新特点——关于获取iframe的parent对象Demo.zip”显然聚焦于一个特定的Chrome功能，即在iframe中获取父级（parent）窗口对象。在网页开发中，iframe（内联框架）是一种嵌入其他HTML...
在Web开发中，`IFrame`（Inline Frame）和`window`对象是两个非常重要的概念，它们在构建复杂的网页布局和交互中起着关键作用。`IFrame`允许我们在一个HTML文档中嵌入另一个HTML文档，而`window`对象则是浏览器提供...
在处理跨域、模块化开发或者复杂交互时，我们可能需要获取到`iframe`内的`window`对象，以便与`iframe`内容进行通信或操作。`window`对象在JavaScript中代表一个浏览器窗口，它包含了全局变量、函数以及与用户交互...
在Chrome、Firefox等现代浏览器中，可以通过JavaScript的`contentWindow`和`contentDocument`属性来访问`iframe`内的窗口对象和文档对象。例如： ```javascript var iframe = document.getElementById('iframeId');...
在Web开发中，iframe元素被用来在当前页面内嵌另一个页面，这对于包含第三方内容、页面布局等场景非常有用。然而，操作iframe中的内容比操作普通HTML元素要复杂一些，尤其是在不同源的情况下。jQuery，一个快速且...
需要注意的是，`contentDocument`属性用于获取`iframe`内部的文档对象模型。 #### 四、兼容多种浏览器的统一解决方案 为了使代码能够同时兼容IE和Firefox等浏览器，可以采用如下的统一写法： ```javascript ...
这里的`window.parent.window`用于返回到包含`iframe`的上一级窗口，然后通过`getElementById`找到`iframe`元素，进一步获取它的`contentWindow`属性，这个属性指向`iframe`内容的实际窗口对象，从而可以访问到`...