`
zyongsheng83
  • 浏览: 43288 次
  • 性别: Icon_minigender_1
  • 来自: 大连
最近访客 更多访客>>
社区版块
存档分类
最新评论

iframe的操作问题

阅读更多

假设有<iframe name="FRAME" src="aaa.html"></iframe>.
要改变一个iframe的大小,要调用document.getElementsByName("FRAME")[0]类似的方法.
要拿到iframe的document对象, 可以:
document.frames[0].document
document.frames(0).document
document.frames("FRAME").document
document.getElementsByName("FRAME")[0].contentWindow.document 

 

有些方法看似相同的功能,却不能达到相同的效果,有时候javascript还是比较怪异的。

分享到:
评论

相关推荐

    完美解决iframe跨域问题

    3. **iframe跨域问题**:当iframe加载的页面与包含它的页面不在同一个域时,就会出现跨域问题,导致无法直接通过JavaScript进行通信,如获取iframe内的内容、设置iframe的属性等。 **二、iframe跨域的解决方案** 1...

    iframe的DOM操作

    iframe的DOM操作 iframe的DOM操作 iframe的DOM操作 iframe的DOM操作

    JS操作iframe里的dom(实例讲解)

    在实际开发中,需要注意跨域问题,因为出于安全考虑,不同源的`iframe`之间不能自由地进行DOM操作和数据交互,除非两个页面都设置了正确的`CORS`策略。此外,`iframe`的加载可能有延迟,因此在操作`iframe`内的元素...

    js操作iframe的一些知识

    3. **安全性和用户体验**:在操作Iframe时要注意不要侵犯用户的隐私或者造成用户体验下降的问题。 通过上述内容的学习,我们可以更加灵活地运用JavaScript来处理与Iframe相关的各种操作,从而提升Web应用的功能性和...

    iframe内容高度 iframe自适应高度终极解决Iframe设置高度后无法缩小问题

    如果不是,代码将不会执行任何操作,但通常我们会传入`&lt;iframe&gt;`的`id`,以便正确地调整对应的`&lt;iframe&gt;`。 需要注意的是,`document.frames`是老式的方法,用于访问`&lt;frameset&gt;`内的`&lt;frame&gt;`元素,而在现代浏览器...

    解决iframe中fixed失效的问题

    在网页开发过程中,`iframe` 是一个非常有用的元素,它允许我们嵌入其他网页或页面片段到当前页面中。...实际操作时,需要根据具体项目需求和限制选择合适的方法,确保 `fixed` 定位在 `iframe` 中正常工作。

    js处理iframe的系列问题

    利用JavaScript可以实现对`iframe`中的元素进行操作,例如读取或修改其中的内容。下面将详细介绍如何通过JavaScript来处理`iframe`中的各种问题。 #### 1. 访问`iframe`内部元素 根据提供的代码片段,“获取父页面...

    easyui iframe 页面重复加载的问题

    基本思路是在页面初次加载时,将所有iframe的src属性设置为空字符串,这样就不会进行任何加载操作。而当用户点击切换tab时,我们通过JavaScript动态地为选中标签的iframe设置正确的src属性值,从而实现按需加载。 ...

    解决双iframe互相刷新进入死循环的问题

    这样,当一个iframe接收到特定消息后执行相应操作,而不是无条件地重载另一个iframe。 4. **设置计数器或延迟**:为每个iframe加载设置一个计数器或延时,如果在一定时间内或达到一定重载次数后仍然没有停止,就...

    iframe实现页面局部刷新操作

    在网页开发中,有时我们需要实现在不刷新整个...这个方法常用于网页中的各种异步操作,如评论提交、表单验证等,提供了良好的用户体验。在实际开发中,还需要考虑错误处理、安全措施等,以确保系统的稳定性和安全性。

    后台管理禁止iframe刷新返回首页

    然而,`iframe`的使用有时也会带来一些问题,比如在后台管理系统中,当用户在某个子页面(如二级菜单页面)操作时,如果`iframe`刷新,可能会导致页面跳转回首页,这显然不是用户期望的行为。针对这个问题,我们需要...

    iframe框架\JS获取iframe元素

    本文将详细介绍如何使用JavaScript来获取`iframe`元素,并进行相关的操作,包括在不同浏览器环境下的兼容性处理。 #### 二、IE下访问操作`iframe`内容 在Internet Explorer浏览器中,可以通过多种方式来访问`iframe...

    iframe自适应高度(DOM动态操作)

    为了解决这个问题,可以通过JavaScript进行DOM动态操作来实现`iframe`的高度自适应。 #### 关键技术点 1. **DOM操作**:DOM(Document Object Model)是HTML和XML文档的应用程序接口(API)。通过DOM,开发者可以...

    iframe自适应高度(兼容目前所有主浏览器)

    iFrame 自适应高度是前端开发中常见的问题,很多开发者在搜索引擎中搜索相关解决方案,但大多数文章只能解决静态高度的问题,而忽视了 JS 操作 DOM 之后的动态同步问题。同时,在浏览器兼容性方面也存在一定的漏洞。...

    iframe对另一个iframe控制的Demo

    这通常通过JavaScript或jQuery来实现,通过获取iframe的`contentWindow`或`contentDocument`属性来访问和操作iframe内部的DOM元素。例如,如果我们想要改变右边iframe中的某个元素的颜色,可以这样做: ```...

    iframe里无右键菜单

    然而,有时我们可能希望在`iframe`内禁用默认的右键菜单,以防止用户通过右键点击执行某些操作,比如复制、查看源代码等。标题"iframe里无右键菜单"正是针对这一需求,描述中提到的解决方案是创建一个既简单又实用的...

    iframe消息监听传递

    然而,由于浏览器的安全策略,`iframe`内的页面与包含它的页面可能存在跨域问题,这限制了它们之间的直接通信。`iframe`跨域消息传递是解决这个问题的关键技术,它允许不同源的`iframe`和主页面之间安全地交换数据。...

    javascript写的可拖动的iframe

    这些辅助函数可能用于计算坐标、处理浏览器兼容性问题等。 总的来说,这个项目展示了如何利用JavaScript的面向对象编程和事件监听机制来实现一个可拖动的iframe。通过创建一个专门的类来封装拖动逻辑,并在主页面上...

    iframe跨域解决方案

    本篇将深入探讨如何解决`iframe`跨域问题。 首先,我们需要了解`iframe`的基本概念。`iframe`全称 Inline Frame,即内联框架,是一种在HTML文档中嵌入另一个HTML文档的方式,常用于加载外部内容,如广告、地图、...

Global site tag (gtag.js) - Google Analytics