bob体育官方平台
jquery操作 iframe的方法-Web前端之家

基本的操作方法: document.frames.document.action; 其中,frame_id是该父页面需要进行操作的iframe的id,action是iframe中的相关操作。 从该方法中,可以看出 document.frames是用来从父页面中获取iframe的id的,而后面的document.action同一般的脚本对页面元素操作一样,具体举个例子来说明一下,其中父页面引用iframe部分如下: 复制代码 代码如下:

我们先看一下 JQUERY中的对像 contents() 的帮助文件

testIframe.jsp如下: 复制代码 代码如下:

contents()概述查找匹配元素内部所有的子节点。如果元素是一个iframe,则查找文档内容

test_iframe

示例描述:查找所有文本节点并加粗

testname
description

HTML 复制代码 代码如下:

父页面中对iframe元素操作的script脚本如下: 复制代码 代码如下:

Hello John, how are you doing?

此例描述了在父页面中读取iframe中元素以及在父页面中修改iframe中元素的属性。 通过此例,我们可以看出,在父页面中访问iframe中的各个元素与一般的访问页面元素无本质区别,无非是需要在父页面中事先获取需要处理的iframe对象,在获取iframe对象后,其操作基本没什么特别之处。

jQuery 复制代码 代码如下:$.not.wrap;结果:

Hello John, how are you doing?

描述:往一个空框架中加些内容

HTML复制代码 代码如下:

jQuery 复制代码 代码如下:$.find.append;

去掉iframe 的边界 frameborder="0"

1 内容里有两个ifame

复制代码 代码如下:

2 如果内容里面有一个ID为mainiframe的ifame

复制代码 代码如下:

ifame包含一个someID

复制代码 代码如下:

you want to get this content

得到someID的内容

复制代码 代码如下:$.contents.html()html 或者 $.contains.text()值

2 如上面所示 leftiframe中的jQuery操作mainiframe的内容someID的内容

$("#mainframe",parent.document.body).contents.html()或者 $("#mainframe",parent.document.body).contents.val()

Jquery获取到 iframe 所属的父窗口的里面的id为xuan的 标签的

$(window.parent.document).find;//

//js创建 元素 并追加到 父元素的 Iframe中的 元素中的dom操作问题:

iframe中直接调用父窗口中的方法:假设父窗口有个add的方法

self.parent.add();

===============================================================

返回顶部