使用javascript调整iframe高度

时间:2013-02-05 05:21:41

标签: javascript c#-4.0 iframe height

我在aspx页面中有一个iframe:

<iframe style="width: 100%;" src="" scrolling="auto" id="reportFrame" runat="server">
                                            </iframe>

我正在使用的JavaScript是“

 <script type="text/javascript">
function getElement(aID) {
    return (document.getElementById) ? document.getElementById(aID) : document.all[aID];
}

function getIFrameDocument(aID) {
    var rv = null;
    var frame = getElement(aID); 
    // if contentDocument exists, W3C compliant(e.g.Mozilla)
    if (frame.contentDocument)
        rv = frame.contentDocument;
    else // bad Internet Explorer  ;)
        rv = document.frames[aID].document;
    return rv;
}

function adjustMyFrameHeight() {
    var frame = getElement("reportFrame");
    var frameDoc = getIFrameDocument("reportFrame");
    alert(frameDoc);
    frame.height = frameDoc.body.offsetHeight + 15;
        }

</script>

但是我在.cs页面中有一个src的情况,因为我们从查询字符串中检索src,所以代码是:

  case "Case1":
                reportFrame.Attributes["src"] = "acd.aspx";
                reportFrame.Attributes["height"] = "355px"; //giving iframe height as script now working.

在页面加载中:

 this.reportFrame.Attributes.Add("onload", "adjustMyFrameHeight();");

我已经在页面加载中指定了脚本以及因为我们使用的是runat =“server”,但脚本现在仍在运行。 有什么帮助吗?

1 个答案:

答案 0 :(得分:0)

我在逐步调试脚本后得到了一个答案,为了获得框架的Id,我必须指定整个或完整的ID,因为它是在Master页面的Content占位符中继承的,所以整个Id已经给予。