• 不断学习才有回报,学无止境!

iframe框架如何自适应高度

DIV+CSS技巧发现 箭翎 1406次浏览 0个评论 扫描二维码

ask:有一个页面new.html代码如下
<iframe src=http://blog.21121.net/about.html ></iframe>
页面的高度是通过about.html页面里BODY 传递的,但是我现在调用的是一个别的网站的东西。无法在被调用的页面得到他的高度。。请问我在new.html页面里有办法实现 iframe 自动调整高度吗?
answer
重要提示:src=中你必须填写的网页地址,一定要和本页面在同一个站点上,否则,会抱错,说“拒绝访问!”
之前自己也碰到过这个问题,为了得到答案去网上搜索,发现有不少人也遇到了这样的问题,现在就把解决方法共享一下超简单哦
1、建立一个iframe.js的文件,然后输入下面的代码(只有两行哦)parent.document.all(“框架ID名”).style.height=document.body.scrollHeight;//获取高度parent.document.all(“框架ID名”).style.width=document.body.scrollWidth;//获取宽度这里的 框架ID名 就是Iframe的ID,比如:
<IFRAME id=”框架ID名” name=”left” frameBorder=0 scrolling=no src=”http://blog.21121.net/about.html&#8221; width=”100%”></IFRAME>

2、给你网站里所有的被包含文件里面每个都加入<script language = “JavaScript” src = “iframe.js”/></script>

3、OK,收工!
我在WINXP、IE6下面测试通过。很简单吧!


箭翎 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明iframe框架如何自适应高度
喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址