`

iframe里操作父窗口的元素(以及IE下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>

透明处理<iframe src="{{$root_url}}/activity.php?m=free_order&a=iframe" allowTransparency="true" frameborder=0 name='iframe1' style="background:none; height:30px"></iframe>
分享到:
评论

相关推荐

    关于iframe中生成父窗口元素及增加event事件的问题(IE已实现,Firefox暂未实现)

    本问题聚焦于在iframe中操作父窗口的元素以及添加事件监听,特别是针对IE和Firefox浏览器的不同实现。 首先,我们需要理解iframe的基本用法。在HTML中,我们可以通过`&lt;iframe&gt;`标签来创建一个内联框架。例如: ```...

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

    通过上述示例和解释,我们可以看到在同源的情况下,使用jQuery操作iframe父页面中的元素和方法是可行的。这些操作对于动态加载内容到iframe以及进行父子页面间的交云非常有用。然而,对于跨域的问题,需要通过其他...

    HTML中IFrame父窗口与子窗口相互操作

    在实际应用中,可能还需要处理跨域安全问题,因为默认情况下,不同源的`&lt;iframe&gt;`不支持JavaScript的交互。可以通过设置`&lt;iframe&gt;`的`allow`属性或使用CORS(跨源资源共享)策略来解决这个问题。 总之,HTML中的`...

    div被iframe遮住的几种情况及解决方法

    解决这个问题的一个方法是在IFRAME的URL参数中添加wmode=opaque,这样可以改变IFRAME的窗口模式,从而避免其影响到其他元素的Z-index层级。类似地,当IFRAME内嵌Flash对象时,也可能出现z-index失效的问题。这时,...

    禁止iframe脚本弹出的窗口覆盖了父窗口的方法

    本文将探讨如何防止`iframe`中的脚本弹出的窗口覆盖父窗口,并重点讨论在IE浏览器下的解决方案。 首先,我们需要理解`window.parent`对象在JavaScript中的作用。`window.parent`指的是包含当前窗口的顶级窗口,即`...

    Chrome下ifame父窗口调用子窗口的问题示例探讨

    总之,在处理Chrome下的`iframe`父窗口调用子窗口问题时,应当注重浏览器兼容性,优先选用在多数浏览器中表现一致的`frames`数组方法。同时,对于跨域问题,需了解并应用相应的解决策略,如`postMessage`通信。在...

    [导入]Javascript获取IFrame内容(兼容IE&FF)

    1. `contentWindow`: 对于支持DOM操作的浏览器(如FF),`contentWindow`属性可以直接访问到Iframe的全局窗口对象。 2. `contentDocument`: 如果需要访问Iframe中的HTML文档,可以使用`contentDocument`属性。在非IE...

    js操作iframe的一些知识

    获取了Iframe窗口对象后,就可以像操作普通页面一样操作Iframe内的元素了。例如,隐藏或显示某个元素: ```javascript // 隐藏指定ID的元素 var ifr_window = window.frames["frameName"]; ifr_window.document....

    iframe自适应宽高

    这个库允许的高度与同跨域iframe来适应他们所...在iframe页面链接修复和支持iFrame与父页面之间的链接。 提供自定义的大小和滚动方法。 使家长地位和视口大小的iframe。 与ViewerJS支持PDF和ODF文档。 后备支持到IE8。

    弹出窗口_iframe_最终版

    总结来说,"弹出窗口_iframe_最终版"是一个解决跨浏览器兼容性的实践案例,主要涉及了弹出窗口的创建、iframe的使用,以及如何在不同浏览器环境中处理遮挡和滚动条滚动的问题。开发者需要熟悉各种浏览器的特性和API...

    获取iframe值 文件下载

    本文将详细介绍如何在父窗口中操作`iframe`中的元素,并确保该方法能在不同的浏览器中(特别是IE和Firefox)正常工作。 #### 二、背景知识 在讨论具体实现之前,我们先了解一下相关的基础知识: 1. **`iframe`...

    IFrame中Session丢失的解决办法

    这种结构可能导致Session信息在IFrame与其父窗口或同一页面中的其他IFrame之间无法正确共享或识别。 ### Session丢失的原因 Session丢失在IFrame环境中的主要原因是浏览器的同源策略和Cookie管理机制。同源策略...

    在vue中实现嵌套页面(iframe)

    在Vue.js中实现嵌套页面通常涉及到使用`iframe`元素来加载外部网页或者内部组件。`iframe`允许我们在一个Vue应用中嵌入另一个独立的HTML文档,这对于展示第三方内容、实现某些特定功能或者处理复杂交互场景时非常...

    ie 模态弹窗 父子窗口交换数据

    5. **使用IFrame**:如果子窗口是一个嵌入在父窗口中的IFrame,那么可以直接通过JavaScript访问IFrame的`contentWindow`属性,从而实现双向通信。 在处理IE浏览器时,需要注意以下几点兼容性问题: - IE8及更早...

    iframe中子父类窗口调用JS的方法及注意事项

    本文将详细介绍如何在iframe中实现子窗口与父窗口间的JavaScript方法调用以及在操作过程中需要注意的事项。 首先,了解基本的iframe标签结构对于掌握子父窗口间的JS调用非常重要。一个简单的iframe标签可能如下所示...

    IE浏览器IFrame对象内存不释放问题解决方法

    总的来说,解决IE浏览器IFrame内存不释放问题的关键在于确保在窗口关闭前正确地清理IFrame对象,这通常涉及到对`src`属性的处理、`contentWindow`的清空以及从DOM中移除IFrame元素。通过编写适当的JavaScript代码并...

    iframe高度自适应.pdf

    在默认情况下,`iframe`的高度是固定的,这意味着当嵌入的内容高度发生变化时,`iframe`不会自动调整其高度。这可能会导致内容溢出或出现滚动条的情况,从而影响用户体验。因此,实现`iframe`的高度自适应变得尤为...

    js中iframe调用父页面的方法.docx

    在处理`iframe`时,经常需要进行父子页面间的交互,例如从`iframe`调用父页面的函数或传递数据。下面我们将详细介绍`js`中`iframe`调用父页面方法的相关知识点。 1. **基本调用方式** 在`iframe`中的页面,可以...

    iframe 父窗口和子窗口相互的调用方法集锦

    在IE中,父窗口可以直接通过`iframe_ID.iframe_document_object.object_attribute`来访问和修改子窗口的DOM元素,如`iframe_text.myH1.innerText='http://www.pint.com';`。而子窗口调用父窗口的方法类似,只是多了...

Global site tag (gtag.js) - Google Analytics