css中 “iframe” 如何调用 本页面的一个div

html-css014

css中 “iframe” 如何调用 本页面的一个div,第1张

iframe不能调用本页面的一个DIV元素内容,但是可以变相达到目的:

1、把DIV里面的内容单独做成一个网页,然后用iframe调用这个网页。代码为<iframe scrolling="no" width="宽度" height="高度" src="做成的网页网址url"></iframe>

2、直接用iframe调用这个完整的网页,通过css截取这个DIV所在的高度。

<div style=" width:600pxheight:300pxoverflow:hidden">

<iframe scrolling="no" style="width:600pxheight:400pxmargin-top:-100px" src="网址url"></iframe>

</div>

如果这个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是不同域的话,受浏览器的安全访问限制,就没有办法获取你要的对象了。