`

获取 Iframe内的元素对象

阅读更多
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>
分享到:
评论

相关推荐

    js获取iframe中的内容

    我们可以使用这个对象来访问 iframe 中的文档对象,然后获取文档中的内容。 问题和解决方案 在获取 iframe 中的内容时,我们可能会遇到一些问题。 1. 同源策略的限制 由于同源策略的限制,我们无法访问不同...

    JS获取并操作iframe中元素的方法

    JS获取/设置iframe内对象元素、文档的几种方法 1、IE专用(通过frames索引形象定位): 代码如下: document.frames[i].document.getElementById(‘元素的ID’); 2、IE专用(通过iframe名称形象定位): 代码如下: ...

    快速获取/设置iframe内对象元素的几种js实现方法

    下面小编就为大家带来一篇快速获取/设置iframe内对象元素的几种js实现方法。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

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

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

    父元素与子iframe相互获取变量和元素对象的具体实现

    父中: 代码如下: &lt;input id=”username”type=”text” /&gt; [removed] var count = 1; [removed] ————————————————————- 子iframe中: ...//获取父中jQuery对象 alert(window.parent.docume

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

    其中,`parent`是指父窗口的document对象,`objid`是要获取的元素的id。 2. jquery在父页面获取iframe子页面的元素 在jquery中,可以使用以下代码来获取iframe子页面的元素: ``` $("#objid", document.frames('...

    vue与iframe之间的信息交互的实现

    通过vue中给出的ref 来获取 ifarme的DOM元素 如图中的 this.iframeWin = this.$refs.iframe.contentWindow 【拿到iframe的window对象】 3.vue如何向iframe内传送信息 可以通过H5新属性 postmessage 注释:【post...

    跨域修改iframe页面内容详解

    由于代理页与目标页同域, 所以代理页可以获取并操作目标页的document对象. 前提条件 需要将proxy.html放到与内嵌的iframe页同域的服务下, 并且可以被访问到. 使用 支持2种调用方式: 使用 postMessage 和 URL params....

    iframe 框架透明背景,框架透明背景

    本例主要是iframe对象的allowTransparency属性应用,在该属性设置为true并且iframe所载加页的背景颜色设置为transparent(透明)时iframe将透明化。 allowTransparency设置或获取对象是否可为透明。 bgColor 设置或...

    JS中Iframe之间传值的方法

    1.在iframe子页面中获取父页面的元素:  a&gt;window.parent.document这个是获取父页面document中的对象;  b&gt;如果要获取父页面js中的方法:window.parent.xxxx();xxxx()为方法; 2.在父页面中获取iframe子页面中...

    从父页面读取和操作iframe中内容方法

    在父页面中访问iframe中的各个元素与一般的访问页面元素无本质区别,无非是需要在父页面中事先获取需要处理的iframe对象,在获取iframe对象后,其操作基本没什么特别之处。

    javascript试题及答案.doc

    在相同域名下,外层网页脚本可以获取 IFrame 网页内的对象;可以通过脚本调整 IFrame 的大小。 9. 关于表格表述正确的有: 正确答案:ABCDE 解释:表格中可以包含 TBODY 元素、CAPTION 元素、多个 TBODY 元素、...

    BS页面前端开发建议BS页面前端开发建议

    * Tip2:规范地获取 DOM 对象,能避免 IE 的一些默认行为导致的,能获取到 DOM 对象的假象,如 IE 使用 iframe 的 id 作为变量名获取到的不是 DOM 对象,而是在 chrome 中获取到的是对应 iframe 的 DOM 对象,导致...

    JS中Iframe之间传值及子页面与父页面应用

    在iframe子页面中获取父页面的元素: a&gt;window.parent.document这个是获取父页面document中的对象; b&gt;如果要获取父页面js中的方法:window.parent.xxxx();xxxx()为方法; 2.在父页面中获取iframe子页面中的元素: ...

    JavaScript基础和实例代码

    7.7.5 iframe元素对象 7.8 Document对象 7.9 本章小结 第8章 Document对象 8.1 对象模型参考 8.2 Document对象 8.2.1 获取目标文档信息 8.2.2 设置文档颜色值 8.2.3 往文档写入新内容 8.2.4 常见属性和方法汇总 8.3 ...

    源文件程序天下JAVASCRIPT实例自学手册

    7.7.5 iframe元素对象 7.8 Document对象 7.9 本章小结 第8章 Document对象 8.1 对象模型参考 8.2 Document对象 8.2.1 获取目标文档信息 8.2.2 设置文档颜色值 8.2.3 往文档写入新内容 8.2.4 常见属性和方法汇总 8.3 ...

    京东2018秋招Web前端工程师笔试题及答案.pdf

    在相同域名下,内嵌的IFrame可以获取外层网页的对象,并且外层网页脚本可以获取IFrame网页内的对象。 CSS盒模型是CSS中的一种布局模型,包括内容区域、填充区、边框、边距等区域。CSS盒模型的属性包括font、margin...

Global site tag (gtag.js) - Google Analytics