`
wang371134086
  • 浏览: 128629 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

jQuery获取iframe内的DOM对象并提交iframe的表单

 
阅读更多

 

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();

分享到:
评论
2 楼 wang371134086 2012-10-15  
licheng700 写道
怎么异步提交Iframe form呢

获取子元素的form  然后submit就可以了啊!
1 楼 licheng700 2012-08-23  
怎么异步提交Iframe form呢

相关推荐

    jQuery-1.8.3(&2.1.4).min.js&jquery;.fileupload&jquery;.iframe-transport

    由于浏览器的安全策略,某些情况下普通的Ajax上传可能无法工作,这时Iframe Transport通过创建一个隐藏的iframe来模拟表单提交,从而实现跨域和大文件的无刷新上传。这种技术对于那些不支持FormData或XMLHttpRequest...

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

    这里,我们首先找到`#form1`表单内的第一个`select`元素,然后获取其中被选中的`option`元素的文本值。 ### iframe子页面获取父页面的数据 在iframe子页面中,可以通过`window.parent`对象访问父窗口,进而获取或...

    jquery通用的iframe弹层插件,兼容主流浏览器

    总结来说,这个“jquery通用的iframe弹层插件,兼容主流浏览器”是前端开发中的一个重要工具,它利用jQuery简化了跨浏览器的iframe弹层实现,并考虑了各种兼容性问题,提供了一种便捷的方式来展示和交互外部内容。...

    jquery form表单美化插件

    然后,通过jQuery选择器找到要美化和处理的表单元素,并调用`.ajaxForm()`或`.ajaxSubmit()`方法进行配置。例如: ```html <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="js/...

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

    本文将深入探讨如何在EasyUI的Tab组件中获取并操作当前选中的iframe窗体对象。 首先,让我们了解EasyUI的Tab组件。EasyUI的Tabs是一个多标签页容器,它可以容纳多个子页面,每个子页面通常包含一个iframe,用于加载...

    jQuery内嵌iframe导航菜单

    在网页设计和开发中,jQuery 是一个非常流行的 JavaScript 库,它简化了DOM操作、事件处理、动画制作等任务。本篇文章将详细讲解如何利用jQuery实现一个内嵌iframe的导航菜单,以及相关的设计与实现技巧。 一、...

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

    这里,$("#koyoz")是父页面中的iframe元素的jQuery对象,contents()方法得到的是iframe的Window对象,再使用find()方法可以获取到iframe内的ID为test的元素。 此外,如果你需要操作iframe内页面的body元素,可以...

    使用jquery+iframe做一个ajax上传效果(实例)

    HTML页面包含了一个表单,用于选择文件并提交,以及一个`div`元素用于显示上传进度。表单的`enctype`属性设置为`multipart/form-data`,这是上传文件所必需的。表单的`target`属性将被动态修改,以指向即将创建的...

    jquery form

    jQuery通过$符号作为入口,提供了一种简洁的语法来操作DOM(文档对象模型),处理事件,执行动画,以及进行Ajax交互。例如,选择页面上的元素: ```javascript $('selector').action(); ``` 这里的`selector`可以...

    iframe图片上传+用户本地加载图片+jquery表达验证+视频解析demo

    例如,可以使用jQuery的`:input`选择器获取所有表单元素,再配合`:text`, `:password`等选择器筛选出需要验证的输入字段。之后,我们可以编写自定义的验证函数,通过`keyup`或`change`事件监听用户的输入,实时进行...

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

    可以使用`window.frames`对象访问iframe内的window对象,或者使用`contentDocument`或`contentWindow`属性来操作iframe中的DOM。 4. **服务器端处理**:在ASP中,服务器端需要接收并处理上传的文件。这通常包括验证...

    iframe_juqery

    - 在某些场景下,iframe可以作为Ajax请求的替代方案,尤其在处理文件上传或需要模拟表单提交时。 8. **iframe性能优化**: - 避免不必要的iframe加载,因为它们会增加页面的加载时间和带宽消耗。 - 使用`sandbox...

    jquery.form.js和使用说明

    而jQuery Form Plugin是jQuery的一个扩展,专门为表单处理提供了丰富的功能,包括异步提交表单、表单验证以及实时反馈等功能。本文将详细解析jQuery Form Plugin的使用及其核心知识点。 首先,`jquery.form.js`是这...

    php无刷新提交表单

    无刷新提交是指用户在网页上操作时(例如提交表单),页面无需进行完整的刷新就能完成数据的提交并显示结果的一种技术。这种技术能显著提升用户体验,减少用户等待时间,并保持页面当前的状态不被破坏。 在实际应用...

    超实用的jQuery代码段

    2.21 为表单内控件设定缺省数值和文本 2.22 防止单个页面重复提交按钮 2.23 取得列表控件选中的option对象 2.24 限制输入框仅接受特殊字符的输入 2.25 禁止页面内全部超链接 2.26 实现动态组合列表框 2.27 如何使用...

    前端笔记啦啦啦啦啦啦啦

    1. 获取表单信息:可以使用 form 对象来获取表单的相关信息。 2. 修改表单信息:可以使用 form 对象来修改表单的相关信息。 3. 获取单选的值:可以使用 value 属性来获取单选的值。 七、提交表单 1. 绑定提交按钮...

    php 提交表单 关闭layer弹窗iframe的实例讲解

    这个函数中,首先会检查请求类型,如果是GET请求且包含dosubmit参数,说明需要提交表单,此时会从$_POST中获取需要更新的数据,并尝试更新数据库。如果更新成功,则调用showmessage()函数,并将URL参数设置为指向...

    artDialog,demo,iframe

    综上所述,这个压缩包包含的资源旨在教授如何使用artDialog创建对话框,并通过SSH框架和jQuery实现前后端交互,同时利用iframe在对话框内展示内容。对于想要学习JavaScript弹出对话框以及Web开发实践的开发者来说,...

    可加载iframe的弹窗,和layer ui弹窗非常相似 jquerypop

    这个插件的核心特性是能够加载iframe,这意味着它可以作为一个独立的窗口来展示网页内容,例如用于嵌入外部页面、表单或者任何可以通过iframe呈现的Web资源。 描述中提到的“花钱从其它网站下载”,暗示这个插件...

    jQuery DOM操作小结与实例

    例如,`Document.forms`可以用来访问页面上的所有表单,而`Element.src`则用于获取或设置元素(如图片或iframe)的源地址。 3. **CSS-DOM**: - CSS-DOM允许我们通过JavaScript操作CSS样式。通过`Element.style`...

Global site tag (gtag.js) - Google Analytics