您的位置：首页 > 其它

有关动态设置iframe高度问题

2015-03-05 10:31 309 查看
今天在工作中遇到有关一个主页面中加载多个Iframe标签，要求Iframe自适应高度，不许出现滚动。当时做了好久还是没有做到自适应高度，现在解决了，共享如下：

假定主页面的部分代码如下：

<body>

<div><iframe id="frame1" src="index2.htm" width="100%" scrolling="no" marginwidth="0" marginheight="0" border="0"></iframe></div>

<br />

<div><iframe id="frame2" src="index3.htm" width="100%" scrolling="no" marginwidth="0" marginheight="0" border="0"></iframe></div>

</body>

 让Iframe可以自动随页面高度调整和自动适应，在被嵌套的Ifrmae页面代码</body>标记之前，插入下段代码：

<script for=window EVENT=onload language="JavaScript" type="text/javascript">

    parent.document.getElementByIdx('frame1').style.height=document.body.scrollHeight;

</script>

保存当前页面
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航