0 0

如何用javascript 跨域获取iframe子页面的元素信息?10

RT,如何用javascript 跨域获取iframe子页面的元素信息?

比如我在我的parent.jsp里面,用iframe引入了www.baidu.com作为子页面,那我如何在parent.jsp里面获得百度中,元素名字为test的div指定属性信息?能不能修改?



另外,如果通过创建chrome扩展程序的方式,能不能在程序里面获得作用页面中的元素数据?

2013年2月27日 20:28

2个答案 按时间排序 按投票排序

0 0

采纳的答案

跨域的话想用父页面的js获取iframe里的元素是不可能的。用chrome扩展程序的话是可以的。

2013年2月28日 09:34
0 0

      你的问题这里有答案,具体看第二种和第三种,http://www.cnblogs.com/fangjins/archive/2012/08/17/2643461.html

2013年3月04日 10:27

相关推荐

    iframe 跨域访问session

    在Web开发中,`iframe` 是一种非常有用的HTML元素,它允许我们在一个页面中嵌入另一个页面的内容。然而,当涉及到跨域时,`iframe` 遇到的问题之一就是无法正常访问父页面或被嵌入页面的`session`。这是因为浏览器的...

    完美解决iframe跨域问题

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

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

    此外,对于跨域的iframe内容,我们无法直接通过jQuery获取其DOM元素,但可以考虑使用postMessage API进行安全的跨域通信。此外,如果iframe和父页面属于同一域,但出于不同的子域,还需要设置document.domain属性为...

    iframe子页面获取父页面元素的方法

    在网页开发中,有时我们需要在`iframe`子页面与父页面之间进行交互,例如获取或操作对方的DOM元素。这通常涉及到跨文档通信,因为`iframe`子页面被视为一个独立的文档,它有自己的窗口对象和文档对象模型(DOM)。...

    iframe跨域常用问题和iframe页面自适应

    本篇文章将深入探讨两个关键知识点:`iframe`跨域问题以及`iframe`页面的自适应。 一、`iframe`跨域问题 跨域是Web开发中的一个重要概念,它限制了浏览器从一个源获取另一个源的资源,以保护用户的安全。当`iframe...

    解决JS跨域访问IFrame的解决方案

    "解决JS跨域访问IFrame的解决方案"这一主题关注的就是如何克服这个限制,使得在JSP页面中嵌入的跨域IFrame能够正常通信。下面我们将详细探讨这个问题以及可能的解决方案。 首先,理解同源策略是关键。同源策略是...

    跨域控制iframe高度

    在网页开发中,iframe(内联框架)是一种非常实用的元素,它允许我们在一个页面中嵌入另一个页面的内容。然而,由于浏览器的同源策略限制,不同源的iframe(跨域iframe)之间的交互受到严格控制,包括无法直接访问或...

    获取iframe子网页的Height

    这段代码首先获取了`iframe`元素,然后通过`contentDocument`或`contentWindow.document`获取内部文档,最后利用`scrollHeight`属性获取了文档的总高度,这通常就是子页面的实际高度。 然而,在Internet Explorer中...

    iframe 跨域解决方法

    在Web开发中,`iframe` 是一个非常常用的元素,它允许我们在一个页面中嵌入另一个网页。然而,由于浏览器的同源策略限制,当`iframe`加载的页面与包含它的页面不在同一个域名下时,就会遇到跨域问题。这篇博客将深入...

    原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法

    有时候,我们需要在父页面与子页面(iframe内部页面)之间相互操作DOM元素,例如修改样式、获取内容等。原生JavaScript提供了一种方法来实现这种父子页面间的DOM元素获取与操作。 首先,我们需要了解iframe元素的...

    Iframe获取父页面的变量和控件

    在网页开发中,有时我们需要在一个页面(子页面)中访问另一个页面(父页面)的数据或控制元素,这种情况下,`Iframe` 提供了一个解决方案。本文将深入探讨如何通过 `Iframe` 获取父页面的变量和控件。 首先,我们...

    iframe父页面获取子页面参数的方法

    总之,理解如何在父页面中获取`iframe`子页面的元素值是Web开发中的一个重要技能,这涉及到DOM操作、JavaScript的跨窗口通信以及对同源策略的理解。在实际应用中,开发者还需要根据具体需求和安全考虑来灵活运用这些...

    iframe父页面与子页面通信及相互调用方法

    "iframe父页面与子页面通信及相互调用方法"是一个重要的主题,涉及到跨域安全、DOM操作以及JavaScript/jQuery的交互技术。下面将详细解释这一知识点。 1. **基本概念** - **父页面(Parent Page)**:包含`iframe`...

    layer弹窗:top.layer弹窗到父页面跨域解决办法

    在IT行业中,跨域问题是一个常见的挑战,尤其是在网页开发中,比如当我们在使用layer弹窗插件时,可能会遇到从子页面弹出一个窗口到父页面的情况。标题和描述所提及的是一个关于如何解决layer弹窗在跨域环境下的问题...

    父页面得到iframe的数据和iframe页面得到父页面的数据.txt

    本文将基于提供的文件信息,深入解析父页面如何获取iframe子页面的数据,以及iframe子页面如何获取父页面的数据。 ### 父页面获取iframe子页面的数据 #### 使用jQuery获取iframe内的元素 在jQuery中,可以通过`...

    在iframe中调用js父页面和子页面方法

    总结,`iframe`中的JavaScript交互涉及到页面间的通信,无论是父页面调用子页面还是子页面调用父页面,都需要理解`window`对象、同源策略以及跨域通信机制。正确使用这些技术,可以在多页面应用中实现更复杂的功能...

    JavaScript 跨域通信方法

    2. **父子页面间通信**:当两个页面成父子关系时(例如父页面通过iframe加载子页面),且这两个页面的源不同时产生的跨域问题。 #### 四、解决方案分析 ##### 4.1 不同源的接口请求 - **JSONP**:JSONP是一种广泛...

    iframe 跨域 自动适应高度

    然而,`iframe`在处理跨域内容时,会受到同源策略的限制,导致一些功能无法正常使用,比如获取iframe内的DOM元素或设置其高度。本文将详细讲解如何解决`iframe`跨域问题以及实现自动适应高度的功能。 1. **同源策略...

    javascript 获取iframe里页面中元素值的方法

    在JavaScript中,获取嵌套在`iframe`中的页面元素的值是相对复杂的过程,因为`iframe`中的内容被视为一个独立的文档,具有自己的DOM结构。本文将详细介绍如何在不同的浏览器环境下,通过JavaScript来访问和操作`...

    iframe自适应子页面内容高度

    2. JavaScript处理:通过`contentWindow`和`contentWindow.document`获取子页面高度,或使用`postMessage`和`message`事件进行跨域通信。 3. 动态调整:在父页面中监听事件,接收到高度信息后更新`iframe`的高度。 ...

Global site tag (gtag.js) - Google Analytics