程序博客网 > 淘宝店铺能出售吗

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

来源：互联网发布：淘宝店铺能出售吗编辑：程序博客网时间：2024/04/29 22:04

由于网页中使用到了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

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

本文出自 51CTO.COM技术博客

淘宝店铺能出售吗

淘宝店铺能出售吗

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子甜酸猪脚开胃酸甜猪脚如何做酸甜排骨甜酸人生酸甜苦辣经典语句东北冷面酸甜汤怎么调酸甜泡菜白萝卜酸甜的腌制方法白萝卜泡菜又酸又甜又脆用4小幅画表现出酸甜苦辣甜食吃甜食牙疼甜食牙疼甜食的危害甜食图片爱吃甜食喜欢甜食吃甜食胃酸甜食的英文甜食大全甜食英语好吃的甜食吃甜食的危害用甜食留住秋天吃甜食心情会变好狗能吃甜食吗尿酸高能吃甜食吗甲亢能吃甜食吗胃不好能吃甜食吗痛风能吃甜食吗减肥能吃甜食吗甜食吃多了会怎么样甜点有什么吃汤圆辛辣吃美食减肥期间想吃甜食怎么办 diy创意冰淇淋糖果甜食系列为什么剖宫产术后禁止吃甜食甜馨 tianxin