网络技术博客

注册 | 登录忘记密码？

51cto首页 | 博客 | 论坛 | 招聘

热点文章

Cisco IOS下载

“绿色IT 从我做起”7月获奖名单　负载均衡技术沙龙现场视频、PPT

博主的更多文章>>

js代码：实现主页面滚动条随iframe里的内容自动调整

2007-07-24 16:56:35

　标签：代码 js iframe 滚动条　　　[推送到技术圈]

由于网页中使用到了iframe，如果iframe中的内容超过主页面的范围后，在iframe的四周会出现滚动条，这样和主页面很不协调，所以在网上找了很久，终于找到一段代码可以解决这个问题，代码如下：

这段代码放在<head></head>之间：

<script language="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 FFextraWidth=getFFVersion>=0.1? 16 : 0
var FFextraHeight=getFFVersion>=0.1? 16 : 0

function dyniframesizeWidth(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.offsetWidth){
      //ns6 syntax
      pTar.width = pTar.contentDocument.body.offsetWidth+FFextraWidth;
    }
    else if (pTar.Document && pTar.Document.body.scrollWidth){
      //ie5+ syntax
      pTar.width = pTar.Document.body.scrollWidth;
    }
}
}

function dyniframesizeHeight(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.offsetWidth+FFextraHeight;
    }
    else if (pTar.Document && pTar.Document.body.scrollHeight){
      //ie5+ syntax
      pTar.height = pTar.Document.body.scrollHeight;
    }
}
}
</script>

下边是在iframe中输入的代码：

<iframe id="displayresult" hspace="0" vspace="0" marginwidth=0 marginheight=0 frameborder=0 width=100% height=100% src="test.htm" scrolling=no name="displayresult"></iframe>

代码的关键是：设置id

调用js中的函数（dyniframesizeHeight(id)是设置高的滚动条自动调整，dyniframesizeWidth(id)是设置宽的滚动条的自动调整。）

将scrolling=no

其他就看实际应用做相应的修改了；

上一篇 alter session set skip_unusable_indexes=true　

类别：未分类 ┆ 技术圈() ┆ 阅读() ┆ 评论() ┆推送到技术圈 ┆返回首页

相关文章

文章评论

[匿名]admin

2007-09-13 16:10:20

不能用就