0 
<button class="btn btn-success" id="opener" onclick="ValidateReport('<%=generatecampaign%>','<%=loading_img_path%>','<%=IS_HTML%>','Campaign_Report');">Preview</button>

以上是我的预览按钮

以下是我的 iframe，它在 iframe 中加载一些 html，并使用 html 文件中的数据调整 iframe 的大小，这些数据将在 iframe 中加载

<div class="bordercolor" id="mydiv" style="display: none; text-align: center">

    <IFRAME SRC="" id="reportpreview"  style="text-align: center; clear:both;"
        marginheight="0" frameborder="0" onLoad="sizeFrame();"></iframe>
        <iframe id="myIFrm" src="" style="display: none;"> </iframe>
</div>

以上是我的 iframe，它加载 html 文件并根据 html 文件内容调整 iframe 内容的大小......当没有 html 文件时，只需加载一个带有一个标签名称的静态 html 文件为“无可用数据”

我的问题是当我使用 chrome 并且当我想加载 html 文件时。它会自动增加 iframe 10pt 的高度。连续按下预览按钮。但是为什么当我尝试调整 iframe 高度时它不清除以前的高度值...

以下是我在 iframe onLoad 上调用的 javascript 中的 sizeFrame() 函数

function sizeFrame() {

    var F=null;
     F = document.getElementById('reportpreview');
    if(F.contentDocument) {
        F.height=0;
    F.height = F.contentDocument.documentElement.scrollHeight+10; //FF 3.0.11, Opera 9.63, and Chrome
    } else {


        F.height=0;
    F.height = F.contentWindow.document.body.scrollHeight+10; //IE6, IE7 and Chrome

    }

    }
4

2 回答 2

2

使用 css 重置并重置 iframe 的值。
类似的东西iframe{ margin:0 padding:0 height:0 width:0}。我之前有过噩梦般的经历，web-kit 浏览器添加了几个像素来为滚动条腾出空间。从那时起，我开始在我的项目中使用适当的 css-reset，即使它增加了开销。

于 2013-02-11T09:53:15.987 回答
1

首先需要像这样在默认情况下重置 iframe：

iframe {边距：0；填充：0；边框：0；字体大小：100%；字体：继承；垂直对齐：基线；}

于 2013-02-11T09:46:05.957 回答