iframe 自适应高度、宽度 - NooBkey

<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
    <ol class="breadcrumb">
    <li><a href="#">报表系统</a></li>
    <li><a href="#">{{ MAIN }}</a></li>
    <li class="active">Data</li>
    </ol>

<div id="leamain" class="row placeholders">


<iframe id="iframeid" src="{{ frameurl }}" style="width:100%; height:100%;margin:0px;border:0px"></iframe>




</div>

<script type="text/javascript" language="javascript">
function windowDimensions() { // prototype/jQuery compatible
        var myWidth = 0, myHeight = 0;
        if( typeof( window.innerWidth ) == \'number\' ) {
            //Non-IE or IE 9+ non-quirks
            myWidth = window.innerWidth;
            myHeight = window.innerHeight;
        } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
            //IE 6+ in \'standards compliant mode\'
            myWidth = document.documentElement.clientWidth;
            myHeight = document.documentElement.clientHeight;
        } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
            //IE 5- (lol) compatible
            myWidth = document.body.clientWidth;
            myHeight = document.body.clientHeight;
        }
        if (myWidth < 1) myWidth = screen.width; // emergency fallback to prevent division by zero
        if (myHeight < 1) myHeight = screen.height;
        return [myWidth,myHeight];
    }
    var dim = windowDimensions();
    myIframe = $(\'#iframeid\'); // changed the code to use jQuery
    myIframe.height((dim[1]) + "px");
</script>