• <optgroup id="3famt"><table id="3famt"></table></optgroup>
  • 
    
      1. <em id="3famt"></em>
        <dd id="3famt"><tr id="3famt"></tr></dd>
        1. <em id="3famt"><tr id="3famt"></tr></em>
          1. <dd id="3famt"><legend id="3famt"></legend></dd>

          2. <dd id="3famt"></dd>

            <div id="3famt"><tr id="3famt"></tr></div>

            實測iframe自適應高度的兩種方法

            方案一

            <iframe name="myiframe" id="myiframe" src="#" frameborder="0" scrolling="no"></iframe>
            <script type="text/javascript" language="javascript">
            	$(window.parent.document).find("#myiframe").load(function(){
            		var main = $(window.parent.document).find("#myiframe");
            		var thisheight = $(document).height()+30;
            		main.height(thisheight);
            	});
            </script>

            方案二

            拖拽窗口iframe也可以自適應高度


            <iframe name="myiframe" id="myiframe" src="#" frameborder="0" scrolling="no"></iframe>
            <script type="text/javascript" language="javascript">
            	function changeFrameHeight(){
            		var ifm= document.getElementById("myiframe");
            		ifm.height=document.documentElement.clientHeight-56;
            	}
            	window.onresize=function(){ changeFrameHeight();}
            	$(function(){changeFrameHeight();});
            </script>


            最后編輯于:2018/08/27作者: 烽煙無限

            發表評論

            • 看起來非常厲害的樣子,值得學習的地方很多啊,會繼續關注博主的

            内蒙古11选5历史记录