<body>
<iframe src="hint_initialize.html" width="100%" id="aaa" name="mainiframe" frameborder="1" scrolling="no" marginwidth="0" marginheight="0"></iframe>
<script src="js/jquery-1.11.0.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$("#aaa").load(function(){
//$(this).width(0); //用于每次刷新时控制IFRAME宽度初始化
// $(this).height(0); //用于每次刷新时控制IFRAME高度初始化
var width = $(this).contents().find("#con").width() ;
var height = $(this).contents().height() ;
$(this).width( width ); //设置iframe的宽度
$(this).height( height); //设置iframe的高度
});
});
</script>
</body>
希望iframe的高度和其包含的页面的body高度一样,宽度和其包含页面的一个元素宽度一样;
但是下图调尺寸后的iframe显示的提示框比原页面的提示框偏上??为什么
问题2:给iframe元素设置height=“100%”导致iframe的高度是提示框的高度??什么情况??
原页面hint_initialize.html:
设置iframe尺寸后的样子:
https://jsfiddle.net/51nk8aw3/1/
你的高度和宽度取的好像不对吧,你现在取的应该是iframe里面的吧?