zoukankan
html css js c++ java
Iframe自适应其加载的内容高度
最简单的一种方法
重要提示: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下面测试通过。很简单吧!
复杂的方法
main.htm
<
html
>
<
head
>
<
meta
http-equiv
='Content-Type'
content
='text/html;
charset
=gb2312'
/>
<
meta
name
='author'
content
='F.R.Huang(meizz梅花雪)//www.meizz.com'
/>
<
title
>
iframe自适应加载的页面高度
</
title
>
</
head
>
<
body
>
<
iframe
src
="child.htm"
></
iframe
>
</
body
>
</
html
>
child.htm
<
html
>
<
head
>
<
meta
http-equiv
='Content-Type'
content
='text/html;
charset
=gb2312'
/>
<
meta
name
='author'
content
='F.R.Huang(meizz梅花雪)//www.meizz.com'
/>
<
title
>
iframe 自适应其加载的网页(多浏览器兼容)
</
title
>
<
script
type
="text/javascript"
>
<!--
function
iframeAutoFit()
{
var
ex;
try
{
if
(window
!=
parent)
{
var
a
=
parent.document.getElementsByTagName(
"
IFRAME
"
);
for
(
var
i
=
0
; i
<
a.length; i
++
)
//
author:meizz
{
if
(a[i].contentWindow
==
window)
{
var
h1
=
0
, h2
=
0
;
if
(document.documentElement
&&
document.documentElement.scrollHeight)
{
h1
=
document.documentElement.scrollHeight;
}
if
(document.body) h2
=
document.body.scrollHeight;
var
h
=
Math.max(h1, h2);
if
(document.all)
{h
+=
4
;}
if
(window.opera)
{h
+=
1
;}
a[i].style.height
=
h
+
"
px
"
;
}
}
}
}
catch
(ex)
{}
}
if
(document.attachEvent)
{
window.attachEvent(
"
onload
"
, iframeAutoFit);
window.attachEvent(
"
onresize
"
, iframeAutoFit);
}
else
{
window.addEventListener('load', iframeAutoFit,
false
);
window.addEventListener('resize', iframeAutoFit,
false
);
}
//
-->
</
script
>
</
head
>
<
body
>
<
table
border
="1"
width
="200"
style
="height: 400px; background-color: yellow"
>
<
tr
>
<
td
>
iframe 自适应其加载的网页(多浏览器兼容,支持XHTML)
</
td
>
</
tr
>
</
table
>
</
body
>
</
html
>
查看全文
相关阅读:
HERO 3
office的一些应用,
网页之间的参数传弟
一个好的数码网站
C++遍历中删除std::hash_map元素问题
【转】Asio与shared_ptr的一些注意事项
delphi的字节对齐
paypal的即时付款通知参数列表(PDT)
vs2010下libevent的使用
mysql 数据库 left join,right join, inner join 知识
原文地址:https://www.cnblogs.com/goody9807/p/672257.html
最新文章
PHPPRC
ObjectiveC编程语言简介
实战WebService I: XMLPRC篇(基于php)
Objective C cocos2D场景切换方式总汇
土豆右下角弹出层效果 Jimmy
Easyui datagrid简单的增删改查记录 Jimmy
JQ学习笔记(6) Jquery中的ajax Jimmy
JQ学习笔记(5)事件与事件对象 Jimmy
jq学习笔记(3) Jimmy
用jQuery实现渐隐渐显的返回顶部效果(附多图) Jimmy
热门文章
JQ学习笔记(4)使用jQuery操作元素的属性与样式 Jimmy
Microsoft SQL Server 2008 完全基本安装说明 Jimmy
Jq学习笔记(7)JQ动画 Jimmy
Datatable 转换成Json Jimmy
图下载:一条小路通罗马
有用的 SQL Server数据汇总完全解析
解决 内部服务器错误 请求的资源在使用中
NT服务程序编写
盆景
相机
Copyright © 2011-2022 走看看