存档

2013年5月 的存档

iframe适应屏幕高度

2013年5月29日 4 条评论

昨天在群里面,有人有个问题,就是iframe高度要是100%,想到了直接写高度100%。后来我想到了一个解决的办法,给那人提醒了,结果他写出来了,我还不知道怎么写。
思路是这样的,先获取屏幕的高度,然后改变iframe的高度。
废话不多说了,直接代码

<iframe id="userSrc" name="userSrc" src="" width="100%"  marginheight="0" onLoad="iFrameHeight()"; marginwidth="0" frameborder="0"></iframe>
<script type="text/javascript" language="javascript">
var fra = frames["userSrc"];var url = "http://123.126.51.201/";if(url)fra.location = url;
function iFrameHeight(){
	var ifm= document.getElementById("userSrc");
	var pheight=window.screen.height;
	ifm.height = pheight;
	}
</script>
分类: Javascript 标签: , ,