`

js 访问 iframe 内部 的元素 设置成 透明

    博客分类:
  • js
阅读更多

 

代码

self.frames['iit'].document.all.iframe_pic.style.background = 'url(img/handOff.gif) no-repeat';

 

页面引用的iframe

<iframe id='iit' scrolling="no" src='pic.html'
    style=" position: absolute; visibility: inherit; top: 0px; left: 0px; height: 20px; width: 20px; z-index: -1; filter ='progid: DXImageTransform.Microsoft.Alpha (             style =             0, opacity =             0 ) ';">
   </iframe>

 

 

iframe 'pic.html' 内部的元素

<div id='iframe_pic' style="background:url(img/changePostion.gif) no-repeat;position:absolute; visibility:inherit; top:0px; left:0px;  height:30px;width:30px;  z-index:-1; filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';"></div>

 

 

 

 

 

<iframe id='iit' scrolling="no" src='mousefollow.html' frameborder='no' allowTransparency='true'
    style="position: absolute; visibility: inherit; top: 0px; left: 0px; height: 20px; width: 20px; z-index: -1; filter ='progid: DXImageTransform.Microsoft.Alpha (             style =             0, opacity =             0 ) ';">
   </iframe>

 

 

 

<body style="background-color:transparent">
<div id='iframe_pic' style="background:url(img/changePostion.gif) no-repeat;position:absolute; visibility:inherit; top:0px; left:0px;  height:30px;width:30px;  z-index:-1; filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';"></div>
    </body>

分享到:
评论

相关推荐

    iframe弹出框遮罩父类页面

    4. **事件处理**:确保在父页面中,如果有需要与子页面进行交互的事件,例如关闭弹出框,可以使用JavaScript的`parent`对象来访问父页面的元素或函数,从而实现通信。 5. **布局与样式**:对于`layout.html`,可能...

    js代码实用大全

    36. **透明背景**: `&lt;IFRAME allowtransparency&gt;` 属性可使IFRAME背景透明。 37. **获取样式内容**: `obj.style.cssText` 返回元素的CSS样式文本。 38. **HTML标签内容**: `document.documentElement.innerHTML` ...

    javascript非常全面的总结.doc

    `allowtransparency`属性使IFRAME背景透明。`document.referrer`获取来源页面URL,释放内存可通过`detachEvent`移除事件监听器。 这份文档详细列出了JavaScript的许多常见用法,是学习和查找JavaScript知识的好帮手...

    javascript小技巧.doc

    36. **透明背景**:`&lt;IFRAME allowtransparency&gt;` 属性允许IFRAME的背景透明。 37. **获取样式内容**:`obj.style.cssText` 可以获取元素的CSS样式文本。 38. **HTML标签获取**:`document.documentElement....

    js笔记web前端开发

    - **注意**:该方法适用于从父窗口访问 iframe 内部元素的情况。 ### 五、DOM 宽高属性:理解和使用 #### 5.1 问题描述 - **问题描述**:在前端开发中,经常需要获取或设置元素的宽高,而 `clientWidth`, `...

    JavaScript技巧大全(ie)

    38. **透明背景**:`&lt;IFRAME allowtransparency&gt;` 创建透明背景的IFRAME。 39. **获取style内容**:`obj.style.cssText` 获取元素的CSS样式文本。 40. **HTML标签内容**:`document.documentElement.innerHTML` ...

    javascript最常用的技巧

    38. **透明背景**:`&lt;IFRAME allowtransparency&gt;`允许IFRAME背景透明。 39. **获取style内容**:`obj.style.cssText`可以获取元素的CSS样式。 40. **HTML标签内容**:`document.documentElement.innerHTML`返回...

    JavaScript 技巧雜匯.pdf

    - **`document.images[索引]`**:访问文档中的图片元素。 ##### 15. 表单事件绑定 - **`document.onmousedown=scrollwindow;`**:当鼠标按下时执行指定函数。 ##### 16. 元素访问 - **`document.表單.elements...

    CSS_style属性大全

    - **说明**: 此属性返回了一个指向框架窗口对象的引用,可以用来访问框架内的DOM元素或执行其他JavaScript操作。 **11. DATAFLD (dataFld)** - **功能**: 设置或获取由dataSrc属性指定的绑定到指定对象的给定数据...

    前端2024最新面试题合集

    - **概念**:一个独立的渲染区域,决定了内部元素如何布局。 - **特点**:浮动元素、绝对定位元素、`overflow`非`visible`的元素都会创建新的BFC。 **3.3 常见兼容性问题** - **IE浏览器**:对于某些CSS3特性的...

    阿里前端基础分享-元泉

    - 当一个元素创建了一个新的 BFC,其内部子元素将不受外部元素的影响,从而实现更精确的布局控制。 #### 闭合浮动总结 - 浮动元素可能导致布局错乱,因此需要闭合浮动来避免这一问题。 - 通过使用 `clear` 属性...

    网站开发大全

    24. **透明背景**:`allowtransparency` 属性用于设置IFRAME的背景透明。 25. **样式内容**:`obj.style.cssText` 获取或设置元素的CSS样式。 以上只是JavaScript在网站开发中的一部分应用,实际开发中还有更多...

    web开发常用小技巧.doc

    19. **透明背景**:`allowtransparency`属性可以让`&lt;iframe&gt;`的背景透明。 20. **获取样式信息**:`obj.style.cssText`返回元素的内联样式,`document.documentElement.innerHTML`获取整个HTML文档的innerHTML,`...

    dwcs4一些很有用的页面限制代码

    1. **设置`iframe`的`scrolling`属性为`no`**:这会直接使得`iframe`内部的内容呈现透明背景。 2. **在被包含页面的`&lt;body&gt;`标签中添加`style='background:transparent'`**:这样处理可以确保只有`iframe`中的内容...

    超文标记语言

    - **PNG透明问题**:可以使用JavaScript代码或插件来解决PNG图片的透明度问题。 - **min-height最小高度问题**:可以使用`!important`强制覆盖。 - **select在IE6下的遮盖问题**:使用`iframe`嵌套可以解决。 - **...

    fsdcsdcwecewfefger

    - `allowtransparency` 在IFRAME中启用透明背景。 以上只是一部分JavaScript中的关键概念和用法,实际编程中还有更多复杂的交互和动态效果可以实现。理解并熟练掌握这些知识点将有助于构建功能丰富的Web应用。

    js使用小技巧

    访问窗体元素 document.all("txt").focus(); document.all("txt").select(); 窗体命令 document.execCommand 窗体COOKIE document.cookie 菜单事件 document.oncontextmenu 创建元素 document....

    layeruiJS库

    LayerUI具有高度可定制性,支持图片预览、提示信息、确认框、对话框、iframe加载等多种功能,使得网页的交互体验更加丰富和便捷。 在实际开发中,LayerUI的API文档是开发者的重要参考资料。通过访问提供的链接,...

    京东2017校招前端主观题汇总.pdf

    - `innerHTML`用于获取或设置HTML元素的内部HTML。 - iFrame用于在页面中嵌入其他网页,`src`属性指定源地址。 - `src`属性在HTML元素中用于指定外部资源,如图片、脚本或视频。 8. C++编程: - 题目中出现的...

    artDialog_Demo

    1、 优化代码结构,弹出后仍可访问内部方法(如关闭),大大增强了灵活性 2、 修正IE7锁屏的时候滚动条没有禁止的问题 3、 让焦点自动附加到确定按钮或者关闭按钮 v2.0.8 1、 修正超大对话框并使用定位时候可能被...

Global site tag (gtag.js) - Google Analytics