html 怎么获取iframe的值

html-css016

html 怎么获取iframe的值,第1张

同域或跨子域读写操作

iframe

里的内容

父页面读写操作子页面:

HTML

code<iframe

id="test-iframe"

name="test-iframe"

src="child.html"

scrolling="no"

frameborder="0"></iframe>

<script>

window.onload

=

function

()

{

/*

*

下面两种获取节点内容的方式都可以。

*

由于

IE6,

IE7

不支持

contentDocument

属性,所以此处用了通用的

*

window.frames["iframe

Name"]

or

window.frames[index]

*/

var

d

=

window.frames["test-iframe"].document

d.getElementsByTagName('h1')[0].innerHTML

=

'pp'

alert(d.getElementsByTagName('h1')[0].firstChild.data)

}

</script>

如果这个iframe的页面跟a.html是同域名下的,就可以可以来取:

获取iframe的页面内容:

var $doc = jQuery('iframe').contents()

这里的contents()方法就可以iframe页面内任何对象。

使用选择器获取你想要的对象:

var $send = $doc.find('.send')

链式写法:var $send = jQuery('iframe').contents().find('.send')

$send就是你要的jQuery对象了。

当然,如果iframe的页面跟a.html是不同域的话,受浏览器的安全访问限制,就没有办法获取你要的对象了。

Jquery可以使用“$("iframe body").html()”语句获取iframe里面body的html内容。

jQuery选择器允许对HTML元素组或单个元素进行操作,所有选择器都以美元符号开头:$()。元素选择器基于元素名选取元素,例如:“$("p")”可以获取页面中所有<p>元素对应的jquery对象。

jQuery对象的html()函数用于获取该对象对应html标签内包含的所有html代码。

扩展资料:

jQuery选择器的分类:

1、元素选择器

jQuery元素选择器基于元素名选取元素,例如:“$("p")”用于选取出所有p标签的jquery对象。

2、id选择器

jQuery #id选择器通过HTML元素的id属性选取指定的元素。页面中元素的id应该是唯一的,所以您要在页面中选取唯一的元素需要通过#id选择器,例如:“$("#test")”于选取出id为“test”的jquery对象。

3、class 选择器

jQuery类选择器可以通过指定的class查找元素,例如:$(".test")用于选取出所有包含“.test”类的jquery对象。

参考资料来源:百度百科-jQuery