设置HTML中的Iframe框架自适应高度
2012-11-30 13:51
281 查看
不带边框的iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能,可是 iframe的大小却不像层那样可以“伸缩自如”,所以带来了使用上的麻烦,给iframe设置高度的时候多了也不好,少了更是不行,现在,让我来告诉大 家一种iframe动态调整高度的方法,主要是以下JS函数:
一、程序代码
最后,加入iframe,不能丢掉onload属性,当然了,id也必须也函数中的win匹配;
二、程序代码:
我们看看另一种情况的iframe解决方案
重要提示:src=中你必须填写的网页地址,一定要和本页面在同一个站点上,否则,会抱错,说“拒绝访问!”(实际上这是因为Js的跨域问题导致拒绝访问的)现在给大家分享一下:
1、建立一个bottom.js的文件,然后输入下面的代码;
parent.document.all("框架ID名").style.height=document.body.scrollHeight;
parent.document.all("框架ID名").style.width=document.body.scrollWidth;
2、给你网站里所有的被包含文件里面每个都加入,在WINXP、IE6下面测试通过;
实现 iframe 的自适应高度
实现 iframe 的自适应高度,能够随着页面的长度自动的适应以免除页面和 iframe 同时出现滚动条的现象;
程序代码
源文地址:http://www.zzblo.com/study/html/714.html
一、程序代码
二、程序代码:
我们看看另一种情况的iframe解决方案
重要提示:src=中你必须填写的网页地址,一定要和本页面在同一个站点上,否则,会抱错,说“拒绝访问!”(实际上这是因为Js的跨域问题导致拒绝访问的)现在给大家分享一下:
1、建立一个bottom.js的文件,然后输入下面的代码;
parent.document.all("框架ID名").style.height=document.body.scrollHeight;
parent.document.all("框架ID名").style.width=document.body.scrollWidth;
2、给你网站里所有的被包含文件里面每个都加入,在WINXP、IE6下面测试通过;
实现 iframe 的自适应高度
实现 iframe 的自适应高度,能够随着页面的长度自动的适应以免除页面和 iframe 同时出现滚动条的现象;
程序代码
相关文章推荐
- Iframe用法的详细讲解(属性、透明、自适应高度)和html中滚动条属性设置
- HTML教程:如何设置Iframe自适应高度
- HTML教程:如何设置Iframe自适应高度
- 如何设置iframe高度自适应,在跨域的情况下能做到吗?
- 如何设置iframe高度自适应在跨域情况下的可用方法
- JQuery IFrame框架高度自适应(支持嵌套–兼容IE,ff,safafi,chrome)
- iframe自适应高度【框架自适应高度】
- IFRAME高度自适应——框架高度等于其页面高度
- 内联框架高度iframe自适应问题
- javascript设置iframe高度自适应
- html 框架自适应高度
- JavaScript设置IFrame高度自适应(兼容多浏览器)
- 如何让iframe框架自适应内容高度
- 跨域设置iframe的高度自适应
- Iframe 自适应高度 无限级父框架 多层框架自适应
- iframe框架自适应高度
- iframe内嵌框架自适应高度
- iframe中有ajax,设置iframe自适应高度