<iframe>標簽自適應高度和寬度 - 碼上快樂

相關內容簡體繁體

標簽自適應高度和寬度</a></h3> </center> <div class="postinfo"> 本文轉載自 <i class="icon-globe"></i>&nbsp;<a href="/go/aHR0cHM6Ly93d3cuY25ibG9ncy5jb20vTmJnZS9hcmNoaXZlLzIwMTMvMDYvMTQvMzEzNTY5Ny5odG1s" target="_blank">查看原文</a> <i class="icon-time"></i>&nbsp;<span>2013-06-14 15:37</span> <i class="icon-eye-open"></i>&nbsp;<span>183472&nbsp;</span> <i class="icon-tag"></i>&nbsp; <span><a href='/tag/web開發' target="_blank">web開發</a></span> <i class="icon-star" title="72.1191"></i> <i class="icon-star" title="72.1191"></i> <i class="icon-star" title="72.1191"></i> <i class="icon-star" title="72.1191"></i> <i class="icon-star" title="72.1191"></i> </div> <hr/> <div class="media-body" id="content_div"> <div class="title_down_ad ad"> </div> <div class="post_content" id="postContent"> <div class="cnblogs_Highlighter"> <pre class="brush:html;gutter:false;">&lt;iframe src="index.html" id="iframepage" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" onLoad="iFrameHeight()"&gt;&lt;/iframe&gt; </pre> </div> <p>&nbsp;</p> <div class="cnblogs_Highlighter"> <pre class="brush:javascript;gutter:false;">&lt;script type="text/javascript" language="javascript"&gt; function iFrameHeight() { var ifm= document.getElementById("iframepage"); var subWeb = document.frames ? document.frames["iframepage"].document : ifm.contentDocument; if(ifm != null &amp;&amp; subWeb != null) { ifm.height = subWeb.body.scrollHeight; ifm.width = subWeb.body.scrollWidth; } } &lt;/script&gt; </pre> </div> <p>&nbsp;一小段js解決，自己在IE 火狐谷歌都測試通過的。</p> <p>java技術交流群：57388149&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;喜歡java，做java的可以一起交流。&nbsp;</p> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-4353345653789615" data-ad-slot="4890554435"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({});</script> </div> <div class="read-more" id="read-more" style="display:none"></div> <div class="alert alert-info" style="margin-top:20px;"> <p id="tips_top1"> </p> </div> <script type="text/javascript"> $("#tips_top1").append("<strong><i class=\"icon-fire\"></i>溫馨提示：</strong>如果本文未解決您的問題，可以免費向大模型提問：<strong><a href='javascript:void(0)' class='gptbtn'>向AI大模型提問</a></strong>。"); </script> <div class="iframe-container"> </div> </div> <div class="ad_content_down ad"> </div> </div> <div class="disclaimer visible-desktop"> <br/> <div class="alert alert-block"> <button type="button" class="close" data-dismiss="alert">×</button> <h4>免責聲明！</h4> <p>本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。</p> </div> <br/><br/> </div> </div>  <div class="span4 left_content"> <div id="left_list_div" class="left_content"> <span class="list-group-item" href="javascript:void(0)"><i class="icon-filter"></i><strong>猜您在找</strong></span> <a class='list-group-item' href="/blog/57d52f1.html" title="iframe 高度寬度自適應"> <i class="icon-file"></i> iframe 高度寬度自適應 </a> <a class='list-group-item' href="/blog/2496bc1.html" title="iframe高度動態自適應"> <i class="icon-file"></i> iframe高度動態自適應 </a> <a class='list-group-item' href="/blog/b24b051.html" title="頁面嵌套iframe時，怎樣讓iframe高度根據自身內容高度自適應"> <i class="icon-file"></i> 頁面嵌套iframe時，怎樣讓iframe高度根據自身內容高度自適應 </a> <a class='list-group-item' href="/blog/99e4481.html" title="CSSHTML實現高度寬度自適應"> <i class="icon-fire"></i> CSSHTML實現高度寬度自適應 </a> <a class='list-group-item' href="/blog/8bfcb41.html" title="關於iframe的使用以及自適應頁面高度"> <i class="icon-file"></i> 關於iframe的使用以及自適應頁面高度 </a> <a class='list-group-item' href="/blog/5364ca1.html" title="iframe框架頁中的高度自適應"> <i class="icon-file"></i> iframe框架頁中的高度自適應 </a> <a class='list-group-item' href="/blog/8fa0af1.html" title="iframe高度隨內容自適應的方法"> <i class="icon-fire"></i> iframe高度隨內容自適應的方法 </a> <a class='list-group-item' href="/blog/5911ff1.html" title="div中iframe高度自適應問題"> <i class="icon-file"></i> div中iframe高度自適應問題 </a> <a class='list-group-item' href="/blog/44b7a01.html" title="iframe嵌入其他網站，如何自適應高度"> <i class="icon-file"></i> iframe嵌入其他網站，如何自適應高度 </a> <a class='list-group-item' href="/blog/bff9cf1.html" title="用iFrame Resizer解決iframe高度自適應問題"> <i class="icon-file"></i> 用iFrame Resizer解決iframe高度自適應問題 </a> <div id="right_float_ad" class="ad"> </div> </div> </div> </div> </div> <div class="clear">&nbsp;</div> <div class="fbar" style="z-index:100"> <div class="span7" style="color:grey;font-size:12px;"> </div> <div class="pull-right"> <span><a href="http://beian.miit.gov.cn" rel="nofollow" target="_blank">粵ICP備18138465號</a>&nbsp;&nbsp;</span><span>&copy; 2018-2025 CODEPRJ.COM </span> </div> </div> <script src="/js/code.js?version=20250509"></script> <script> function buffer(a, b, c) { var d; return function() { if (d) return; d = setTimeout(function() { a.call(this), d = undefined }, b) } } (function() { function e() { var d = document.body.scrollTop || document.documentElement.scrollTop; d > b ? (a.className = "div1 div2", c && (a.style.top = d - b + "px")) : a.className = "div1" } var a = document.getElementById("float"); if (a == undefined) return ! 1; var b = 0, c, d = a; while (d) b += d.offsetTop, d = d.offsetParent; c = window.ActiveXObject && !window.XMLHttpRequest; if (!c || !0) window.onscroll = buffer(e, 50, this) })(); </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?c81b3b98809d882ddda9a802d3778cf4"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>