`
lym6520
  • 浏览: 704190 次
  • 性别: Icon_minigender_1
  • 来自: 福建
社区版块
存档分类
最新评论

操作iframe中的对象

    博客分类：
  • JS
JavaScript 
阅读更多
获得iframe中的document对象

var iframe= document.getElementById(iframeID);
var doc = iframe.contentDocument;
if (doc == undefined || doc == null)
doc = iframe.contentWindow.document;   
//可以通过doc操作iframe中的标签内容了

访问iframe中的JavaScript对象或方法
var obj = iframe.contentWindow;
//obj.对象
//obj.方法
分享到：
| apache + tomcat 集群 多次刷新页面，页面 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

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

    在JavaScript中，操作`iframe`内的DOM元素是常见的需求，特别是在构建复杂的网页应用时。`iframe`（Inline Frame）是一种可以在HTML文档中嵌入另一个HTML文档的元素，它允许我们实现页面分隔、加载外部资源或者创建...

    js 操作 frameset frame iframe对象

    Frame 对象可以通过 `window.frames["frameName"]` 或 `window.frames[index]` 来访问，其中 `frameName` 是 Frame 对象的名称，`index` 是 Frame 对象在 Frameset 对象中的索引。 Iframe 对象 Iframe 对象是 ...

    js操作iframe的一些知识

    在网页开发中，经常会遇到需要通过JavaScript来控制或操作Iframe元素的情况。Iframe（Inline Frame）是一种可以在当前页面内嵌入其他页面的方式，常用于广告展示、内容嵌入等场景。通过JavaScript，我们可以实现对...

    jQuery获取iframe的document对象的方法

    在网页开发中，有时我们需要对嵌入的`iframe`（Inline Frame）中的内容进行操作，例如修改DOM元素、触发事件等。为了实现这样的功能，我们需要首先获取到`iframe`的`document`对象，因为`document`对象是HTML文档的...

    IFrame AND window对象

    `IFrame`允许我们在一个HTML文档中嵌入另一个HTML文档，而`window`对象则是浏览器提供给JavaScript访问和操作整个窗口的接口。 首先，我们来详细探讨`IFrame`。`IFrame`是HTML5中的一个元素，它允许开发者在页面中...

    iframe与父页面传值

    `iframe`与父页面之间的通信是前端开发中的一个重要知识点，它涉及到跨域安全策略、JavaScript编程以及DOM操作等多个方面。 一、`iframe`的基本使用 在HTML中，`<iframe>`标签用于插入一个内联框架。基本语法如下：...

    Jquery取得Iframe中元素的几中方法

    当涉及到在页面中嵌入 iframe (内联框架) 的情况时，jQuery 提供了一些方法来帮助我们方便地访问和操作 iframe 中的元素。本文将详细探讨如何使用 jQuery 在父窗口和 iframe 之间进行交互。 1. **父窗口操作 iframe...

    在iframe框架中打开页面的方法

    4. JavaScript操作iframe：可以通过JavaScript访问iframe对象并控制其内容。例如，可以通过document.frames['frameName']或者document.getElementById('frameId')获取iframe元素，然后可以修改其location属性，从而...

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

    总的来说，当我们在父窗口中操作iframe元素或者在iframe中操作父窗口元素时，关键点在于正确地获取对方的文档对象，然后再利用jQuery的方法对DOM进行操作。通过上述方法，我们可以灵活地在父子窗口之间进行元素的...

    Jquery方式获取iframe页面中的 Dom元素

    需要注意的是，使用jQuery操作iframe中的DOM时，必须确保iframe已经完全加载完毕，否则可能无法正确获取其内部的DOM元素。为了处理这种情况，通常我们会将相关操作放在iframe的“load”事件中或者在window的“load”...

    Div iFrame 做的面向对象小窗口

    `Div` 是一个布局容器，而 `iFrame` 则用于在网页中嵌入其他网页或者内容。当我们谈论"Div iFrame 做的面向对象小窗口"时，我们可以理解为利用这两种技术创建一种可交互、模块化的界面组件。 1. **Div（Division）*...

    JS操作iframe里的dom

    总结来说，JavaScript操作iframe中的DOM涉及获取iframe引用、访问其内容窗口或文档，以及遵循同源策略。对于跨域iframe，可以利用`postMessage`和`message`事件进行通信。理解和掌握这些技巧对于开发复杂的网页应用...

    捕捉IFrame SRC改变事件

    它通常用于警告用户他们正在进行的操作可能会导致数据丢失，但在这里我们可以利用它来监测`<iframe>`中页面的改变情况。 ##### 实现步骤： 1. **定义IFrame**： 在`main.html`中，通过`<iframe>`元素定义了一个...

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

    然而，操作iframe中的内容相对复杂，尤其是在需要跨域的情况下。不过，当iframe和父页面属于同一域时，可以通过JavaScript或jQuery来操作父页面中的元素和方法。本文将详细介绍如何使用jQuery来查找和操作iframe父...

    iframe框架\JS获取iframe元素

    除了简单的元素操作外，还可以利用`designMode`和`contentEditable`属性来重写`iframe`中的内容，使之成为可编辑状态。 ```javascript var iObj = document.getElementById('iId').contentWindow; iObj.document....

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

    当用户在`iframe`内进行操作后使用浏览器的回退按钮，浏览器只会回退`iframe`内的历史记录，而不是整个Vue应用。为了解决这个问题，可以利用HTML5的`history`对象，监听`popstate`事件并重定向到期望的Vue页面。以下...

    谷歌浏览器的一个新特点——关于获取iframe的parent对象Demo.zip

    这个压缩包文件“谷歌浏览器的一个新特点——关于获取iframe的parent对象Demo.zip”显然聚焦于一个特定的Chrome功能，即在iframe中获取父级（parent）窗口对象。在网页开发中，iframe（内联框架）是一种嵌入其他HTML...

    jQuery操作iframe中js函数的方法小结

    jQuery操作iframe中js函数的方法主要包括了对iframe元素的操作、对父页面元素的操作、在主页面中调用iframe的js函数以及在jQuery中调用iframe的js函数四个部分，每一个部分都有其特定的方法和注意事项。 首先，操作...

    js获取iframe中的window对象的实现方法

    在处理跨域、模块化开发或者复杂交互时，我们可能需要获取到`iframe`内的`window`对象，以便与`iframe`内容进行通信或操作。`window`对象在JavaScript中代表一个浏览器窗口，它包含了全局变量、函数以及与用户交互...

Magicbox
Global site tag (gtag.js) - Google Analytics