Question

怎样让iframe里面的图片自动适应iframe的大小？iframe代码见如下。

<iframe id="en_img" src="${param.enImagePrefix}?ImageSerialNo=${param.laneenserialno}&Roadid=${param.enroadid}&contentType=image" width="400px" height="270px"
style="border: 1px solid black; margin-top: 6px;" frameborder="0" scrolling="not" />

Answer 1

第一种：
<script type="text/javascript">
function reinitIframe(){
var iframe = document.getElementById("mainFrame");//id改为你的iframe的id
try{
var bHeight = iframe.contentWindow.document.body.scrollHeight;
var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
var height = Math.max(bHeight, dHeight);
iframe.height = height;
}catch (ex){}
}
window.setInterval("reinitIframe()", 200);
</script>
第二种：
<script>
//IFrame自适应高度
function reinitIframe(){
var iframe = document.getElementById("infoshowiframeid");//IFRAME id
try{
var bHeight = iframe.contentWindow.document.body.scrollHeight;
var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
var height = Math.max(bHeight, dHeight);
iframe.height = Math.max(height,400);
// alert(height)
}catch (ex){}
}
window.setInterval("reinitIframe()", 200);

</script>

Answer 2

用javascript获取图片元素的宽高。

var img = document.getElementById("imgID");
var height = img.offsetHeight;  //高度
var width = img.offsetWidth;  //宽度

Answer 3

图片大小用100%可好。

追问

我想问下获得里面的img控件的width ,js应该怎么写？

Answer 4

把图片的高度和宽度设置百分比

Answer 5

代码呢？没看见