look sad:用javascript动态调整iframe高度

来源：百度文库编辑：中财网时间：2024/04/30 03:45:06

当你在页面上使用了iframe之后，一般来说会不希望iframe显示难看的滚动条，以使iframe里面的内容和主页面的内容浑然一体。这时候你会设置 scrolling="no" 属性。但是这样一来如果iframe里面的内容是变化的，高度会随之内容的变化而变化的时候，你的iframe就会显得太长导致底下一大片空白，或者正好相反，由于iframe的高度太小导致一部分内容会被挡住。这里我提供一个兼容IE/NS/Firefox的javascript脚本实现动态调整iframe的高度。如果需要调整宽度的话，原理是一样的，本文不加详述。

首先，在你的主页面上必须包含以下这段javascript代码：

var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]
//extra height in px to add to iframe in FireFox 1.0+ browsers
var FFextraHeight=getFFVersion>=0.1? 16 : 0

function dyniframesize(iframename) {
var pTar = null;
if (document.getElementById){
pTar = document.getElementById(iframename);
}
else{
eval(‘pTar = ‘ + iframename + ‘;‘);
}
if (pTar && !window.opera){
//begin resizing iframe
pTar.style.display="block"

if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight){
//ns6 syntax
pTar.height = pTar.contentDocument.body.offsetHeight+FFextraHeight;
}
else if (pTar.Document && pTar.Document.body.scrollHeight){
//ie5+ syntax
pTar.height = pTar.Document.body.scrollHeight;
}
}
}
然后对于主页面用到iframe的地方添加代码：
onload="javascript:{dyniframesize(‘myTestFrameID‘);}"
marginwidth=0 marginheight=0 frameborder=0
scrolling=no src="/myiframesrc.php"
width=200 height=100>

JAVASCRIPT如何动态输出？各位:学动态网页制作用vbscript 还是javascript好？用javascript对DataGrid中的列动态求和用vbscript和javascript脚本的，都是动态空间？ javascript+asp动态网页问题? javascript+asp动态网页问题? javascript+asp动态网页问题? javascript 动态添加列表事件在asp.net中怎么实现用javascript动态的切换图片文字 IE不运行JAVASCRIPT等动态技术 ifram的路径问题我用javascript写了个自动调整图片大小的函数，但运行时总有些图片没自动变，谁能告诉还属于菜鸟的我在最快的时间内学会用JavaScript制作动态网页效果谁能告诉还属于菜鸟的我在最快的时间内学会用JavaScript制作动态网页效果请教用JAVASCRIPT编出动态树，，就是网页中或.PDF文件中的目录似的东西怎么调整整合显卡的动态显存如何调整动态（视频）文件？帮忙看看这段JAVASCRIPT代码,想动态显示时间制作网页，使用vbscript和javascript脚本都是动态空间？ javascript如何动态的给一个图片加事件能用javascript动态改变html里的代码吗？ javascript下动态设置下拉框的默认选项 ifram滚动条自动收缩 JavaScript用什么编译器