`
robbln
  • 浏览: 18166 次
  • 性别: Icon_minigender_1
  • 来自: 四川成都
社区版块
存档分类
最新评论

获取iframe中的form

 
阅读更多
DOM获取页面中的iframe:
1 window.frames["iframeChild"].document    //假如iframe的id为iframeChild
2 window.parent.document    //在子窗口中操作父窗口

获取页面的对象其实就是DOM方法外面加上jquery的选择符:
1 $(window.frames["iframeChild"].document)    //假如iframe的id为iframeChild
2 $(window.parent.document)    //在子窗口中操作父窗口

接下来就可以继续获取iframe内的DOM了,获取iframe内的dom对象有两种方法:
1 $(window.frames["iframeChild"].document).find("#child")    //第一种
2 $("#child",window.frames["iframeChild"].document)    //第二种

1.在父窗口中操作 选中IFRAME中的所有单选按钮
1 $(window.frames["iframeChild"].document).find("input[@type='radio']").attr("checked","true");

2.在IFRAME中操作 选中父窗口中的所有单选按钮
1 $(window.parent.document).find("input[@type='radio']").attr("checked","true");
在父页面提交iframe中的表单
 frames["iframe"].document.forms["form1"].action="${base}/comSub.jspx";
 frames["iframe"].document.forms["form1"].submit();
分享到:
评论

相关推荐

    js获取控制iframe中iframe的src

    js控制/获取a.html中iframe加载的b.html中的iframe,很多人都以为getElementById可以直接获取,其实不行的,以上代码就解决了这个问题,js控制iframe加载页面的iframe,不过测试只在IE和火狐通过,谷歌不行,其他自...

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

    例如,要获取iframe内id为`form1`的表单内容,可以使用以下代码: ```javascript $(document).ready(function(){ $("#btn").click(function(){ alert($("#iframe1").contents().find("#form1").html()); }); });...

    PHP FORM IFRAME

    PHP获取FORM后以IFRAME向服务器提交

    js处理iframe的系列问题

    根据提供的代码片段,“获取父页面iframe中id为name的元素值”,这里涉及到如何通过JavaScript访问`iframe`内的DOM元素: ```javascript // 获取名为"BoardList"的iframe中的元素 parent.frames["BoardList"]....

    JS实现向iframe中表单传值的方法

    总的来说,JS实现向iframe中表单传值是通过获取iframe的`contentWindow`属性,然后操作iframe内页面的DOM元素,将数据传递到隐藏的表单字段,最后提交表单来完成的。这种方法在多页面交互和数据传递中有广泛的应用。...

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

    当一个页面试图通过IFrame加载不同源的网页时,由于同源策略的存在,我们不能直接获取或操作IFrame中的内容。 面对这样的问题,我们可以采用以下几种跨域解决方案: 1. **CORS(Cross-Origin Resource Sharing)**...

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

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

    iframe实现无刷新上传下载

    JQuery可以通过`change`事件监听这个元素,获取选中的文件信息,然后通过Ajax或者利用IFrame的`form`提交方式,将文件数据发送到服务器。 在描述中提到,该项目是基于VS2010开发的,这意味着使用的是.NET Framework...

    在EBS FORM中上传文件

    在EBS Form中,当用户请求下载文件时,前端会触发一个事件,调用后端Java过程获取文件内容。`han_util_pkg.pck`中的相应过程可能负责从数据库或文件系统中读取文件,并将其返回给前端。前端接收到文件内容后,通常会...

    iframe实现页面局部刷新操作

    `jQuery`可以帮助我们在前端监听`iframe`的`load`事件,当`iframe`中的页面加载完成时,获取并显示图片。例如: ```javascript $(document).ready(function() { $("#imageUploader").on('load', function() { var...

    iframe实现异步无刷新提交

    4. **处理结果**:在`load`事件的回调函数中,可以读取`iframe`的`contentDocument`或`contentWindow`对象,获取服务器返回的数据,然后根据需要更新页面。 5. **错误处理**:同时,应设置错误处理机制,例如检查...

    ext使用--Panel和iframe联合使用时页面高度的解决方法

    我们可以在事件处理器中获取IFrame的实时高度,并更新Panel的高度。 ```javascript var iframe = Ext.create('Ext.ux.IFrame', { src: 'http://example.com', listeners: { load: function() { var iframe...

    ajax iframe上传.

    // 获取iframe中的响应内容 // 在这里处理服务器返回的数据 }; ``` 5. **触发表单提交**:用户选择文件后,使用JavaScript触发表单的提交。 ```javascript input.addEventListener('change', function() { form...

    form+iframe解决跨域上传文件的方法

    服务器返回的结果在`iframe`中加载,可以通过JavaScript访问`iframe`的`contentDocument`或`contentWindow`属性来获取响应,从而实现跨域通信。 需要注意的是,这种方法虽然有效,但也有一些局限性。例如,它依赖于...

    子窗口iframe跳转到父窗口

    在现代Web开发中,`iframe`(Inline Frame)是一种常见的技术,用于在当前网页中嵌入另一个网页或文档。通过`iframe`,开发者可以实现丰富的功能,如广告展示、第三方登录集成等。然而,在某些情况下,我们可能需要...

    asp上传大全之四iframe上传组件

    3. **JavaScript交互**:由于文件上传是异步进行的,我们需要通过JavaScript来监控iframe中的内容变化,以获取服务器的返回结果。可以使用`window.frames`对象访问iframe内的window对象,或者使用`contentDocument`...

    基于AdminLTE(bootstrap)用iframe实现的局部刷新的案例

    2. **JavaScript控制**:通过JavaScript获取iframe元素,并在其src属性上应用动态改变,实现内容刷新。 ```javascript var iframe = document.getElementById('refreshable-content'); function refreshContent(url)...

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

    3. 使用JavaScript监听IFrame的`load`事件,以获取服务器的响应: ```javascript document.getElementById('upload-iframe').addEventListener('load', function() { var response = this.contentDocument || ...

    在Iframe中获取父窗口中表单的值(示例代码)

    当我们需要在Iframe中操作或访问父窗口中的元素时,就会涉及到跨域安全问题以及DOM(Document Object Model)的交互。 本示例中,我们有一个包含表单的主页面,表单名为`frm`,其中有一个输入框`BH`。Iframe中加载...

    多文件上传 dojo组件 dojox.form.FileUploader

    通过阅读博文链接(已提供但无法访问),开发者可以获取更详细的使用教程和示例代码,以便在实际项目中有效地利用dojox.form.FileUploader组件。在实践中,理解如何配置和调用组件的方法、属性以及事件处理,是掌握...

Global site tag (gtag.js) - Google Analytics