当前位置: 首页 > 面试题库 >

在JavaScript中访问iframe元素

尉迟卓
2023-03-14
问题内容

我有一个网页,其中iframe内有一个文本区域。我需要使用JavaScript从其子页面读取此textarea的值。

目前,通过window.parent.getelementbyID().value在JavaScript中使用,我能够在iframe中获取父页面中除textarea之外的所有控件的值。

任何人都可以给我任何指示以解决此问题吗?


问题答案:

如果您的iframe与父页面位于同一域中,则可以使用document.framescollection 访问元素。

// replace myIFrame with your iFrame id
// replace myIFrameElemId with your iFrame's element id
// you can work on document.frames['myIFrame'].document like you are working on
// normal document object in JS
window.frames['myIFrame'].document.getElementById('myIFrameElemId')

如果您的iframe不在同一域中,则出于安全原因,浏览器应阻止此类访问。



 类似资料:
  • 问题内容: 我有一个网页,其中iframe内有一个texarea。我需要从其子页面javascript读取此textarea的值。目前,通过在javascript中使用,我能够提取父页面中除iframe中的textarea之外的所有控件的值。 父页面中的框架ID和框架名称在运行时会更改,因此我们无法使用框架ID /框架名称作为参考。 问题答案: 如果您有HTML 和JavaScript 现在是对文

  • 我正在编写一个jQuery插件,它需要能够在iframe中针对DOM元素运行。我现在只是在本地测试这个(即url是file://.../example.html),在Chrome中,我一直按“安全错误:未能从”htmliframeElement“中读取”内容文档“属性:阻止一个来源为”null“的框架访问跨来源的框架。”在Safari中,我只得到一个空文档。 如果父文件和iframe文件都从我的本

  • 问题内容: 我想使用jQuery在iframe中操纵HTML。 我认为我可以通过将jQuery函数的上下文设置为iframe的文档来做到这一点,例如: 但是,这似乎不起作用。一点检查就可以看出,除非等待iframe加载,否则其中的变量是。但是,在iframe加载时,变量不可访问(我收到-type错误)。 有人知道解决方法吗? 问题答案: 如果来自相同的域,则可以很容易地访问元素

  • 问题内容: 我有一个可以打电话的页面。在此页面中,我有一个带有提交表单的表单,除此之外,我还有一个ID为“ target”的div。是否可以在iframe中提交表单,并在成功刷新后刷新目标div。是说要在其中加载新页面? 编辑:目标div在父页面中,所以我的问题基本上是,是否可以在iframe之外向父对象进行jQuery调用的示例。那看起来如何? 编辑2:这就是我的jquery代码现在的样子。它位

  • 我有一个iframe,里面有一个小部件。源来自不同的域。在其内容上有一个带有提交按钮的表单。单击时,打开的页面位于iframe内。我的问题,我已经研究过了,但还没有找到答案,是这样的——“有没有办法让我可以访问那个按钮,这样新的页面就可以在一个单独的窗口中打开?” 谢谢你能提供的任何帮助。Stackoverflow规则。

  • 问题内容: 好的,我有一个页面,在此页面上有一个iframe。我需要做的是在iframe页面上,找出主页的URL。 我进行了搜索,我知道如果我的iframe页面位于其他域上是不可能的,因为这是跨站点脚本。但是,我读过的所有内容都说,如果iframe页面与父页面位于同一域中,那么例如,它应该可以工作: …或其他类似的组合,因为似乎有多种获取相同信息的方法。 无论如何,这就是问题所在。我的iframe