IFRAME自适应网页

最新推荐文章于 2025-03-20 14:51:39 发布

原创最新推荐文章于 2025-03-20 14:51:39 发布 · 679 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#iframe #框架 #javascript #测试 #ie

JavaScript代码专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种简单的解决方案来实现Iframe的高度和宽度自适应。只需创建一个名为bottom.js的文件，并在其中写入特定的JavaScript代码，然后将此文件链接到所有被包含的页面中即可。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

之前自己也碰到过这个问题，为了得到答案去网上搜索，发现有不少人也遇到了这样的问题，现在就把解决方法共享一下，超简单哦。

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下面测试通过。很简单吧！