iframe高度自适应

来源:互联网 发布:淘宝店装修流程图解 编辑:程序博客网 时间:2024/06/01 07:52

iframe无边框

<iframe src="home.html" id="frmDialog" width="1000" height="710" frameborder="0" scrolling="auto" align="top" marginheight="0" marginwidth="0"></iframe>

jquery控制iframe自动高适应

var frame = $("#frmDialog");frame.height(frame.contents().find("body").height() + 40);  frame.load(function(){$(this).height($(this).contents().find("body").height() + 40);  });


Jquery 关于contents的解释

返回值:jQuery.contents()

V1.2概述

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

示例

描述:

查找所有文本节点并加粗

HTML 代码:
<p>Hello <a href="http://ejohn.org/">John</a>, how are you doing?</p>
jQuery 代码:
$("p").contents().not("[nodeType=1]").wrap("<b/>");
结果:
<p><b>Hello</b> <a href="http://ejohn.org/">John</a>, <b>how are you doing?</b></p>

描述:

往一个空框架中加些内容

HTML 代码:
<iframe src="/index-blank.html" width="300" height="100"></iframe>
jQuery 代码:
$("iframe").contents().find("body")  .append("I'm in an iframe!");

参考: jquery1.7_20120209.chm