`

js 读取iframe

    博客分类:
  • js
 
阅读更多

有如下页面布局

 

<html>
    <head>
    </head>
    <body>

        <iframe id="iframe1" src="11.html" frameborder="0" scrolling="auto"></iframe>
    </body>
</html>

 现在需要在该页面获取iframe1里面的元素,可以通过以下js代码实现:

 

document.frames("iframe1").document

 这样返回的对象即为iframe1的document对象。

分享到:
评论

相关推荐

    js处理iframe的系列问题

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

    safari,opera嵌入iframe页面cookie读取问题解决方法

    然而,由于浏览器的安全策略,特别是对于第三方cookie的处理,开发者可能会遇到在特定浏览器如Safari、Opera以及某些使用特定内核的搜狗浏览器中无法读取`iframe`内的cookie的问题。这个问题主要源于浏览器对第三方...

    JS获取iframe内容【简化版】

    本文将详细介绍如何通过JavaScript(简称JS)来获取一个内嵌在当前页面中的iframe的内容。这种方法特别适用于那些需要动态加载或更新iframe内部数据的应用场景。我们将从基本原理出发,逐步深入到具体的实现细节,并...

    嵌入到HTML的iframe自动适应大小

    自动调整iframe高度的核心在于监听页面加载完成事件,然后通过JavaScript读取iframe内部内容的高度,并将其设置为iframe本身的高度。这一过程通常需要针对不同浏览器进行适配,因为iframe在不同的浏览器中可能采用...

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

    在Web开发中,JavaScript(JS)的同源策略限制了不同源之间进行交互,包括从一个页面中的脚本访问另一个不同源的IFrame内容。"解决JS跨域访问IFrame的解决方案"这一主题关注的就是如何克服这个限制,使得在JSP页面中...

    js操作iframe的一些知识

    通过JavaScript,我们可以实现对Iframe中的内容进行读取、修改、打印等多种操作。 #### 二、知识点详解 ##### 1. 打印Iframe内容 在某些场景下,可能需要将Iframe中的内容打印出来,例如用户可能希望打印某个报表...

    一点击图标div隐藏显示功能,js读取xml文件,以及iframe的用法的小示例

    同时,这个示例还展示了如何利用JavaScript读取XML文件,以便获取和处理数据。最后,IFrame的使用展示了如何在当前页面中嵌入其他Web内容。这些技术都是现代网页开发中的基础,理解并掌握它们对于创建交互性强、功能...

    js 读取execl数据内容

    在JavaScript(简称JS)环境中,读取Excel数据内容通常涉及到使用一些特定的库或插件,因为原生的JS并不支持直接操作二进制文件如Excel(.xlsx或.xls)格式。在给定的场景中,提到的是一个名为"jqueryExcel"的插件,...

    js加iframe轻松实现异步图片上传 可以预览 兼容FF,chrome,ie9

    本示例主要探讨如何使用JavaScript结合IFrame技术来实现异步图片上传,并提供预览功能,同时确保兼容Firefox、Chrome和IE9等主流浏览器。 首先,我们需要了解异步上传的基本原理。异步上传,也称为Ajax上传,是指在...

    用JS(javascript)从另一个html中读取标题和正文body

    在JavaScript中,从一个HTML文件读取另一个HTML文件的标题和正文body是常见的跨文档通信需求,这在处理网页间的数据交互或者动态加载内容时尤为有用。以下将详细讲解实现这一功能的方法、步骤以及相关知识点。 首先...

    js调用本地exe(根据注册表读取内容)

    总的来说,JavaScript调用本地exe和读取注册表内容主要在Node.js环境下实现,而`chat.js`可能涉及到了Web聊天应用的前端部分。这些知识点涵盖了JavaScript在服务器端和客户端的应用,以及与本地系统的交互。在实际...

    ajax_XML_iframe无刷新异步读取 源代码

    标题中的"ajax_XML_iframe无刷新异步读取 源代码"指的是使用Ajax技术和XML以及IFrame实现的无刷新异步数据读取技术。在Web开发中,这种技术能够提高用户体验,因为用户无需等待整个页面刷新即可获取或更新数据。 ...

    iframe读取document出现拒绝访问

    iframe.document出现拒绝访问。 threw an exception of type 'System.UnauthorizedAccessException' dynamic {System.UnauthorizedAccessException}

    iframe 跨域解决方法

    对于`iframe`,如果源(协议+域名+端口)不一致,那么它们之间无法通过JavaScript进行通信,包括读取或修改内容。 解决`iframe`跨域问题有多种方法: 1. **使用`CORS`(跨源资源共享)**:服务器可以通过设置响应...

    iframe兄弟页面相互调用

    通过这两个属性,我们可以访问到其他`iframe`或父页面的全局对象,进而调用其中的方法或读取变量。 2. **利用`postMessage`和`message`事件:** HTML5引入了`postMessage`API,允许不同源的页面之间安全地传递数据...

    完美解决iframe跨域问题

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

    IFrame中Session丢失的解决办法

    同源策略限制了来自不同源的脚本之间的直接交互,这意味着如果IFrame加载的是一个与主页面不同的域名下的资源,那么主页面的JavaScript将无法访问IFrame内部的DOM,包括其Cookies和Session数据。此外,IE浏览器对于...

    看到一个js 的ajax的upload用iframe实现

    这种方法的一个优点是它可以处理大文件上传,因为文件是直接由浏览器提交的,而不是通过JavaScript分块读取。然而,缺点是无法实现进度条功能,因为文件上传过程发生在IFrame中,JavaScript无法直接监控。如果需要...

    js实现iframe框架取值的方法(兼容IE,firefox,chrome等)

    然而,不同浏览器对JavaScript操作`iframe`元素的支持方式有所不同,尤其是在处理跨域安全性和兼容性方面。本文将详细介绍如何使用JavaScript在`iframe`框架中获取值,同时兼容IE、Firefox、Chrome等主流浏览器。 ...

    跨域 iframe 实例 (Cross-Domain Javascript execution library)

    在JavaScript执行库的上下文中,"跨域iframe"通常指的是一个工具或方法,用于在iframe之间安全地共享数据和执行代码,尽管它们的源域可能不相同。这种技术主要应用于解决浏览器的同源策略限制,同源策略是Web浏览器...

Global site tag (gtag.js) - Google Analytics