`

jquery iframe操作

阅读更多

使用jquery操作iframe

1 内容里有两个ifame

<iframe id="leftiframe"...</iframe>
<iframe id="mainiframe..</iframe>

leftiframe中jQuery改变mainiframe的src代码:
$("#mainframe",parent.document.body).attr("src","http://www.radys.cn ")

2 如果内容里面有一个ID为mainiframe的ifame
  <iframe id="mainifame"...></ifame>
ifame包含一个someID
<div id="someID">you want to get this content</div>
得到someID的内容

  $("#mainiframe").contents().find("someID").html() html 或者 $("#mainiframe").contains().find("someID").text()值

2 如上面所示
   leftiframe中的jQuery操作mainiframe的内容someID的内容
   $("#mainframe",parent.document.body).contents().find("someID").html()或者 $("#mainframe",parent.document.body).contents().find("someID").val()

分享到:
评论

相关推荐

    JQUERY实现iframe页面切换功能

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了JavaScript的DOM操作,事件处理,动画设计以及Ajax交互。本篇文章将详细讲解如何利用jQuery实现iframe页面的切换功能,以便于创建更丰富的用户...

    jquery iframe操作详细解析

    主要是对jquery中iframe的操作进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助

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

    本篇将深入探讨jQuery的核心库以及两个重要的插件——jQuery File Upload和jQuery Iframe Transport。 首先,jQuery的核心库jQuery-1.8.3.min.js和jQuery-2.1.4.min.js是其发展过程中的两个稳定版本。1.8.3属于1.x...

    jquery 跨iframe拖拽

    本篇文章将详细探讨"jquery 跨iframe拖拽"这一主题,该技术允许用户在不同的IFrame之间进行元素的拖放操作,这对于构建多窗口、多面板的Web应用尤其有用。 首先,我们要理解IFrame(内联框架)的概念。IFrame是一种...

    使用jQuery和ajax代替iframe的方法(详解)

    下面详细介绍如何使用jQuery和ajax代替iframe,并说明其优势。 首先,让我们理解jQuery和ajax的基本概念。jQuery是一个快速、简洁的JavaScript库,它通过一个统一的接口简化了HTML文档遍历、事件处理、动画和Ajax...

    Jquery调用iframe父页面中的元素及方法

    不过,当iframe和父页面属于同一域时,可以通过JavaScript或jQuery来操作父页面中的元素和方法。本文将详细介绍如何使用jQuery来查找和操作iframe父页面中的元素和方法。 首先,需要明确iframe元素可以被视为一个...

    jquery iframe tab实例(5个不同tab实例)

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和动画效果。本实例探讨的是如何利用jQuery实现一个基于iframe的tab切换功能,这在需要在一个页面中展示多个独立内容区域时非常...

    Jquery实现iframe功能

    总的来说,使用jQuery实现iframe功能主要是通过选择器和DOM操作来改变iframe的属性,以及监听其加载事件。在实际应用中,可以根据需求扩展这些基本功能,例如添加错误处理、实现iframe内容的交互等。

    jquery对iframe自适应高度插件

    2. **高度计算**:通过DOM操作获取`iframe`的子元素高度,确保包括了所有可视内容。 3. **动态调整**:将计算出的高度应用于`iframe`的样式,设置其`height`属性,从而实现自适应。 4. **重试机制**:考虑到某些情况...

    Iframe模拟Jquery.Ajax

    jQuery,作为一个广泛使用的JavaScript库,提供了简单易用的API来实现Ajax操作。然而,有时我们可能会遇到跨域问题,这是由于浏览器的安全策略限制了不同源之间的通信。在这种情况下,Iframe可以作为一种解决方案,...

    jquery点击按钮隐藏父页和引用页的iframe

    接下来,假设你有一个`iframe`元素,其`id`为`myIframe`,你可以在`iframe`内的子页面中编写JavaScript代码来响应按钮点击事件,并触发隐藏`iframe`的操作。在子页面的`&lt;body&gt;`标签中,添加一个按钮元素,并为其绑定...

    JQuery IFrame框架高度自适应(支持嵌套–兼容IE,ff,safafi,chrome)

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和动画效果。本主题聚焦于一个特定的应用场景——"JQuery IFrame框架高度自适应",这是一个常见需求,尤其是在构建跨浏览器的多...

    Jquery实现iframe弹出层,简单实用

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和动画效果。本主题将深入探讨如何使用jQuery实现一个简单的、实用的iframe弹出层。通过这个教程,您将了解到如何创建一个能够...

    解析Jquery取得iframe中元素的几种方法

    ### iframe操作父窗口中的元素 - **通过DOM方法**:使用`window.parent.document`可以在iframe中访问父窗口的document对象,进而操作父窗口中的元素。 - **通过jQuery方法**:`$("#elementId", window.parent....

    Jquery取得Iframe中元素的几中方法

    当涉及到在页面中嵌入 iframe (内联框架) 的情况时,jQuery 提供了一些方法来帮助我们方便地访问和操作 iframe 中的元素。本文将详细探讨如何使用 jQuery 在父窗口和 iframe 之间进行交互。 1. **父窗口操作 iframe...

    jquery横排页签Tab+iframe代码示例

    jQuery是一款轻量级的JavaScript库,它简化了DOM操作、事件处理、动画效果等功能,使得开发者能更高效地编写JavaScript代码。 首先,我们需要创建HTML结构来表示页签和iframe。页签通常由一组链接或按钮组成,每个...

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

    本文将深入探讨“jquery通用的iframe弹层插件,兼容主流浏览器”这一主题,涵盖jQuery、iframe、前端开发以及浏览器兼容性等相关知识点。 首先,jQuery的核心优势在于它的API设计,它提供了丰富的选择器、DOM操作...

    jquery如何实现在加载完iframe的内容后再进行操作

    总结一下,jQuery提供了方便的API来处理`iframe`的`onload`事件,使得我们可以在`iframe`加载完成后执行各种操作。在编写代码时,考虑到浏览器的兼容性问题,我们可以根据需要选择合适的事件绑定方式。通过这种方式...

    两个jquery实现iframe多标签页例子

    在这个“两个jquery实现iframe多标签页例子”中,我们将探讨如何利用jQuery来创建具有动态切换功能的多标签页,并在每个标签页内嵌入iframe,以展示不同的Web内容。 首先,`iframe`(inline frame)是一种HTML元素...

Global site tag (gtag.js) - Google Analytics