`
pingfan
  • 浏览: 38631 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

js取iframe中的对象

阅读更多
页面有个id="main"的iframe,iframe加载了一个页面,其中有一个form,id="SubForm".

操作SubForm中的对象
var x=document.getElementById("main");
var y=(x.contentWindow || x.contentDocument);
if (y.document)y=y.document;			
var sf = y.getElementById('SubForm');
sf.startTime.value = $('startTime').value;
sf.endTime.value = $('endTime').value;


作个记录..
分享到:
评论

相关推荐

    js 实现iframe 之间传值

    JavaScript遵循同源策略,这意味着来自不同源(协议+域名+端口)的`iframe`之间默认无法通过JavaScript进行通信。为了解决这个问题,我们可以利用`window.postMessage()`方法,它允许跨域通信。 2. `window.post...

    JS页面跳转和js对iframe进行页面跳转、刷新

    在IT领域,特别是前端开发中,JavaScript(简称JS)被广泛用于实现网页的动态功能,包括页面跳转和对iframe内的页面进行跳转与刷新。本文将深入解析JS页面跳转的各种方法,以及如何利用JS操作iframe进行页面跳转和...

    iframe与父页面传值

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

    JS 获取iframe高度的静动态方法

    在JavaScript(JS)中,获取iframe(内联框架)的高度是一项常见的需求,特别是在构建富互联网应用或嵌入第三方内容时。下面将详细讲解如何静态和动态地获取iframe的高度。 一、静态获取iframe高度 1. **DOM属性...

    iframe子父页面调用js函数示例.docx

    在 iframe 子页面中调用父页面的 js 函数非常简单,只需要使用 `window.parent` 对象。例如,要调用父页面的 `a()` 函数,只需要写成: ``` window.parent.a(); ``` 如果要在 iframe 子页面中取父页面中的标签中的值...

    js实现ifram取父窗口URL地址的方法

    这一过程利用了JavaScript中的window.parent对象,它是iframe元素与父窗口之间的桥梁。 首先,理解window对象在JavaScript中的地位非常关键。window对象代表了浏览器中的一个窗口或一个标签页,它包含有关窗口的...

    JS获取并操作iframe中元素的方法

    JS获取/设置iframe内对象元素、文档的几种方法 1、IE专用(通过frames索引形象定位): 代码如下: document.frames[i].document.getElementById(‘元素的ID’); 2、IE专用(通过iframe名称形象定位): 代码如下: ...

    js取得html iframe中的元素和变量值

    `iframe`(Inline Frame)是一种嵌入式对象,它可以在一个网页中加载另一个网页,实现页面的分层展示。`iframe`的使用使得我们可以将不同内容模块化,便于管理和维护。 当我们尝试获取`iframe`中的内容时,必须确保...

    jquery得到iframe src属性值的方法

    在主页面中,window对象和window.parent是同一个对象,但在嵌入的iframe页面中,window.parent指的是包含当前iframe的父窗口对象。 7. JavaScript弹窗alert(): alert()是JavaScript内置的一个函数,用于弹出包含...

    jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法

    要获取当前选中Tab中的iframe窗体对象,我们需要利用JavaScript的DOM操作和window对象的特性。下面的代码段展示了如何实现这个功能: ```javascript function getTabWindow() { var curTabWin = null; var curTab...

    网页制作中Iframe自适应高度的解决办法

    总的来说,解决Iframe自适应高度的问题,可以采用JavaScript监听加载事件、CSS布局或者跨域通信等多种方式,具体选择哪种方法取决于项目需求和兼容性考虑。在实际开发中,还需要注意安全性和性能优化,确保用户体验...

    完美解决iframe跨域问题

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

    iFrame 自动调整高度

    - 使用`iframe.contentWindow.document`访问`<iframe>`内部的文档对象。 - 计算`<iframe>`内部文档的实际高度: - `body.scrollHeight`表示`<body>`元素的实际高度(包括溢出部分)。 - `documentElement....

    jQuery取得iframe中元素的常用方法详解

    在网页开发中,有时我们需要操作或获取嵌套在`iframe`中的HTML元素,这在JavaScript和jQuery中都可以实现。本文将详细讲解如何使用jQuery来取得`iframe`中元素的方法。 首先,我们要明确一点:跨域的`iframe`是无法...

    关于iframe页面报错如何跳到框架显示

    在网页开发过程中,经常遇到的一个问题是当嵌入在`iframe`中的内容出现错误时,如何让用户直接看到这个错误所在的框架或者跳转到一个特定的页面。这个问题涉及到前端JavaScript以及后端.NET(如C#)的处理方式。下面...

    iframe高度自适应

    - `Math.max()`:取两个值中的最大值,以确保高度足够显示所有内容。 - `200`:最小高度限制,避免内容过少时高度过低。 ##### 2. 使用CSS Flex布局 利用CSS Flex布局也可以实现`<iframe>`的高度自适应。 ```...

    js如何设置在iframe框架中指定div不显示

    在JavaScript中,隐藏或显示`iframe`框架内的`div`元素是常见的需求,尤其是在构建复杂的网页布局或交互时。以下是一些使用JavaScript实现这一功能的方法,以满足在不同上下文中控制`div`可见性的需求。 首先,我们...

    执行iframe中的javascript方法

    ### 执行iframe中的javascript方法 在网页开发过程中,有时我们需要从父页面操作iframe中的内容,比如触发一个在iframe内定义的JavaScript函数。本文将详细解释如何实现这一需求,并提供多种方法来帮助开发者根据...

    iframe-cross-domain.rar

    而当iframe加载的页面与包含它的页面不在同一源时,JavaScript无法直接读取或操作iframe中的内容,反之亦然。 为了解决这个问题,开发者可以利用以下几种方法: 1. **CORS(Cross-Origin Resource Sharing)**:...

    让iframe子窗体取父窗体地址栏参数(querystring)

    在网页开发中,有时我们需要实现一个功能,即`iframe`子窗体...以上就是关于如何让`iframe`子窗体取父窗体地址栏参数(querystring)的详细说明。理解并掌握这一技术有助于在实际项目中构建更加灵活和交互丰富的Web应用。

Global site tag (gtag.js) - Google Analytics