好几次看到有人提问问到如何实现 iframe 的自适应高度,能够随着页面的长度自动的适应以免除页面和 iframe 同时出现滚动条的现象,刚好我在工作中也碰到了类似问题,于是上网翻查,东抄抄西看看,弄出来这么一个函数,贴到页面里面就能用了。不敢独享,大家要是觉得有用,欢迎使用。 源代码如下: //输入你希望根据页面高度自动调整高度的iframe的名称的列表 //定义iframe的ID //如果用户的浏览器不支持iframe是否将iframe隐藏 yes 表示隐藏,no表示不隐藏 function dyniframesize() if (window.addEventListener) 使用的时候只要贴在<head></head>里面就可以了。
或
重要提示:src=中你必须填写的网页地址,一定要和本页面在同一个站点上,否则,会抱错,说“拒绝访问!” 之前自己也碰到过这个问题,为了得到答案去网上搜索,发现有不少人也遇到了这样的问题,现在就把解决方法共享一下 超简单哦 1、建立一个bottom.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="XXX.asp" width="100%"></IFRAME> 2、给你网站里所有的被包含文件里面每个都加入 <script language = "JavaScript" src = "bottom.js"/></script> 3、OK,收工! 我在WINXP、IE6下面测试通过。很简单吧! |
如何实现iframe(嵌入式帧)的自适应高度
最新推荐文章于 2024-07-21 17:40:28 发布
如何实现iframe(嵌入式帧)的自适应高度
2007-05-08 17:05