jQuery实现iframe的自适应高度

460 views

在利用Jquery Mobile制作页面的时候,比如网页底部,或者顶部。需要固定。而这时候,就有可能用到iframe标签。

<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″/>
<title>jQuery实现iframe的自适应高度</title>
<meta name=”keywords” content=””/>
<meta name=”description” content=””/>
<meta name=”viewport” content=”width=device-width”/>
<script type=”text/javascript” src=”http://code.jquery.com/jquery-latest.js”></script>
<script>
//注意:下面的代码是放在test.html调用,并且id跟test.html中的iframe的id要保持一致
$(window.parent.document).find(“#myframe”).load(function(){
var main = $(window.parent.document).find(“#myframe”);
var thisheight = $(document).height()+30;
main.height(thisheight);
});
</script>
</head>
<body>
<div style=”height:300px;background:#ff0000″>我是来测试高度的</div>
</body>
</html>

 

 

如果您觉得这篇文章对您有帮助,欢迎继续关注本站!!!我要赞助本站>>>

Leave a Reply

电子邮件地址不会被公开。 必填项已用*标注