標簽用于在當前 HTML 文檔中嵌入另一個 HTML 文檔。它創建了一個包含另一個文檔的內聯框架。 <p>以下是 <iframe> 標簽的使用方法：</p> <ol> <li>在 HTML 文檔中插入 <iframe> 標簽，并設置以下屬性：</li> </ol> <ul> <li> <p>src：指定要嵌入的文檔的 URL。可以是相對路徑或絕對路徑。</p> </li> <li> <p>width 和 height：設置 <iframe> 元素的寬度和高度。</p> </li> <li> <p>frameborder：指定是否顯示框架周圍的邊框。0 表示不顯示邊框，1 表示顯示邊框。</p> </li> <li> <p>scrolling：指定是否顯示滾動條。auto 表示根據內容自動顯示滾動條，yes 表示始終顯示，no 表示不顯示。</p> </li> </ul> <p>示例代碼：</p> <pre class="hljs"><code><span id="pl5zbpn5v5" class="hljs-tag"><<span id="pl5zbpn5v5" class="hljs-name">iframe</span> <span id="pl5zbpn5v5" class="hljs-attr">src</span>=<span id="pl5zbpn5v5" class="hljs-string">"https://www.example.com"</span> <span id="pl5zbpn5v5" class="hljs-attr">width</span>=<span id="pl5zbpn5v5" class="hljs-string">"500"</span> <span id="pl5zbpn5v5" class="hljs-attr">height</span>=<span id="pl5zbpn5v5" class="hljs-string">"300"</span> <span id="pl5zbpn5v5" class="hljs-attr">frameborder</span>=<span id="pl5zbpn5v5" class="hljs-string">"0"</span> <span id="pl5zbpn5v5" class="hljs-attr">scrolling</span>=<span id="pl5zbpn5v5" class="hljs-string">"auto"</span>></span><span id="pl5zbpn5v5" class="hljs-tag"></<span id="pl5zbpn5v5" class="hljs-name">iframe</span>></span> </code></pre> <ol start="2"> <li>通過 <iframe> 的 name 屬性可以為其命名，以便在其他地方引用。這樣可以在其他鏈接或表單目標中使用該名稱。</li> </ol> <p>示例代碼：</p> <pre class="hljs"><code><span id="pl5zbpn5v5" class="hljs-tag"><<span id="pl5zbpn5v5" class="hljs-name">iframe</span> <span id="pl5zbpn5v5" class="hljs-attr">src</span>=<span id="pl5zbpn5v5" class="hljs-string">"https://www.example.com"</span> <span id="pl5zbpn5v5" class="hljs-attr">name</span>=<span id="pl5zbpn5v5" class="hljs-string">"myFrame"</span>></span><span id="pl5zbpn5v5" class="hljs-tag"></<span id="pl5zbpn5v5" class="hljs-name">iframe</span>></span> <span id="pl5zbpn5v5" class="hljs-tag"><<span id="pl5zbpn5v5" class="hljs-name">a</span> <span id="pl5zbpn5v5" class="hljs-attr">href</span>=<span id="pl5zbpn5v5" class="hljs-string">"https://www.example.com"</span> <span id="pl5zbpn5v5" class="hljs-attr">target</span>=<span id="pl5zbpn5v5" class="hljs-string">"myFrame"</span>></span>點擊鏈接在 iframe 中打開<span id="pl5zbpn5v5" class="hljs-tag"></<span id="pl5zbpn5v5" class="hljs-name">a</span>></span> </code></pre> <ol start="3"> <li>可通過在 <iframe> 中插入其他內容來為其提供備用內容。</li> </ol> <p>示例代碼：</p> <pre class="hljs"><code><span id="pl5zbpn5v5" class="hljs-tag"><<span id="pl5zbpn5v5" class="hljs-name">iframe</span> <span id="pl5zbpn5v5" class="hljs-attr">src</span>=<span id="pl5zbpn5v5" class="hljs-string">"https://www.example.com"</span> <span id="pl5zbpn5v5" class="hljs-attr">width</span>=<span id="pl5zbpn5v5" class="hljs-string">"500"</span> <span id="pl5zbpn5v5" class="hljs-attr">height</span>=<span id="pl5zbpn5v5" class="hljs-string">"300"</span>></span> <span id="pl5zbpn5v5" class="hljs-tag"><<span id="pl5zbpn5v5" class="hljs-name">p</span>></span>如果瀏覽器不支持 iframe，將會顯示此段落。<span id="pl5zbpn5v5" class="hljs-tag"></<span id="pl5zbpn5v5" class="hljs-name">p</span>></span> <span id="pl5zbpn5v5" class="hljs-tag"></<span id="pl5zbpn5v5" class="hljs-name">iframe</span>></span> </code></pre> <p>需要注意的是，由于安全性考慮，不允許在 <iframe> 中嵌入某些網站的內容，如銀行網站等。并且，使用 <iframe> 時應盡量避免跨域問題，即在不同域名下的網頁嵌入 <iframe> 可能會受到瀏覽器的限制。</p> </p> </div> <p class="tj-wenzhang recommend-article"></p> <div id="pl5zbpn5v5" class="zixun-tj-product adv-bottom"></div> <div id="pl5zbpn5v5" class="user-estimate clearfix"> <div id="pl5zbpn5v5" class="like"><i></i><span>0</span> 贊</div> <div id="pl5zbpn5v5" class="dislike"><i></i><span>0</span> 踩</div> </div> </div> </div> <div id="pl5zbpn5v5" class="prve-next-qanews"> <ul> </ul> </div> <div id="pl5zbpn5v5" class="hot-answer"> <div id="pl5zbpn5v5" class="hot-answer-tit"><h2>最新問答</h2></div> <div id="pl5zbpn5v5" class="hot-answer-list"> <ul> <li> <a href="/ask/2550447.html">Oracle中的COLLATE與NCHAR類型</a> </li> <li> <a href="/ask/91801259.html">COLLATE在Oracle函數中的應用</a> </li> <li> <a href="/ask/99678048.html">Oracle中的COLLATE敏感與非敏感查詢</a> </li> <li> <a href="/ask/24634853.html">如何在Oracle中使用COLLATE進行排序</a> </li> <li> <a href="/ask/82609176.html">Oracle中的COLLATE順序與排序規則</a> </li> <li> <a href="/ask/12406750.html">COLLATE在Oracle查詢中的作用</a> </li> <li> <a href="/ask/56394804.html">Oracle中的字符集與COLLATE關系</a> </li> <li> <a href="/ask/89932499.html">如何設置Oracle表的COLLATE屬性</a> </li> <li> <a href="/ask/64614215.html">Oracle中的COLLATE關鍵字解析</a> </li> </ul> </div> </div> </div> <div id="pl5zbpn5v5" class="qa-box-right"> <div id="pl5zbpn5v5" class="hot-product-link adv-right"></div> <div id="pl5zbpn5v5" class="browse-other-question"> <div id="pl5zbpn5v5" class="other-question-tit"><i></i>相關問答</div> <div id="pl5zbpn5v5" class="other-question-list"> <ul> <li> <a href="/ask/8392.html">使用法國云服務器的優勢有哪些</a> </li> <li> <a href="/ask/79091557.html">html中iframe用法是什么</a> </li> <li> <a href="/ask/86086450.html">css中iframe用法有哪些</a> </li> <li> <a href="/ask/41187417.html">HandlerThread的使用場景和用法</a> </li> <li> <a href="/ask/1731101.html">jquery操作 iframe的方法</a> </li> <li> <a href="/ask/12201755.html">iframe的用法有哪些</a> </li> <li> <a href="/ask/93023736.html">HTML的iframe標簽怎么使用</a> </li> <li> <a href="/ask/50818370.html">iframe寫法是怎么樣的</a> </li> <li> <a href="/ask/55699017.html">iframe 透明兼容,設置iframe透明背景的方法</a> </li> </ul> </div> </div> <div id="pl5zbpn5v5" class="hot-tag"> <div id="pl5zbpn5v5" class="hot-tag-tit"><h2>相關標簽</h2></div> <div id="pl5zbpn5v5" class="hot-tag-list clearfix"> <a href="/ask/tags/2295/">jquery</a> <a href="/ask/tags/11283/">word</a> <a href="/ask/tags/17235/">iframe</a> <a href="/ask/tags/6441/">asp免費空間</a> <a href="/ask/tags/6443/">虛擬主機系統</a> <a href="/ask/tags/6445/">國內網站域名</a> <a href="/ask/tags/6447/">國外便宜域名</a> <a href="/ask/tags/6449/">香港虛擬主機空間</a> <a href="/ask/tags/6451/">臺灣虛擬主機租用</a> <a href="/ask/tags/6453/">臺灣虛擬主機</a> <a href="/ask/tags/6455/">多ip站群服務器租用</a> <a href="/ask/tags/6457/">多ip站群服務器</a> <a href="/ask/tags/6459/">電信虛擬主機</a> <a href="/ask/tags/6461/">mysql虛擬主機</a> <a href="/ask/tags/6463/">國際域名注冊</a> <a href="/ask/tags/6465/">jsp虛擬主機租用</a> <a href="/ask/tags/6467/">香港最好虛擬主機</a> <a href="/ask/tags/6469/">國外vps服務器租用</a> <a href="/ask/tags/6471/">成都虛擬空間</a> <a href="/ask/tags/6473/">一級域名購買</a> </div> </div> </div> </div> </div> <div id="pl5zbpn5v5" class="footer"> <div id="pl5zbpn5v5" class="other-link clearfix"> <div id="pl5zbpn5v5" class="link-look clearfix"> <div id="pl5zbpn5v5" class="link-list"> <div id="pl5zbpn5v5" class="link-title">產品服務</div> <ul> <li><a href="/cloud/">云服務器</a></li> <li><a href="/ddos/">高防服務器</a></li> <li><a href="/ip/">高防IP</a></li> <li><a href="/physicsserver/">裸金屬服務器</a></li> <!--<li><a href="/mainframe/">專屬宿主機</a></li>--> <li><a href="/trusteeship/">機柜租用</a></li> <li><a href="/ssl/">SSL證書</a></li> <li><a href="/ddoscdn/">高防CDN</a></li> <li><a href="/elasticip/">彈性IP</a></li> <!--<li><a href="/clouddisk/">云硬盤</a></li>--> </ul> </div> <div id="pl5zbpn5v5" class="link-list"> <div id="pl5zbpn5v5" class="link-title">地區劃分</div> <ul> <!-- <li><a href="/beijing/">北京服務器</a></li>--> <li><a href="/hk/">中國香港服務器</a></li> <li><a href="/usa/">美國服務器</a></li> <li><a href="/germany/">德國服務器</a></li> <li><a href="/japan/">日本服務器</a></li> <li><a href="/korea/">韓國服務器</a></li> <li><a href="/singapore/">新加坡服務器</a></li> </ul> </div> <div id="pl5zbpn5v5" class="link-list"> <div id="pl5zbpn5v5" class="link-title">專題活動</div> <ul> <li><a rel="nofollow" target="_blank" class="c_login">控制臺</a></li> <li><a href="/appmarket/">應用市場</a></li> <li><a href="/coupon/">最新活動</a></li> <!-- <li><a href="/swarm.html">Swarm云服務器</a></li>--> <!-- <li><a target="_blank">swarm</a></li>--> </ul> </div> <div id="pl5zbpn5v5" class="link-list"> <div id="pl5zbpn5v5" class="link-title">幫助支持</div> <ul> <li><a href="/help/">幫助中心</a></li> <li><a href="/help/index_38_41.html">網站備案</a></li> <li><a href="/help/index_45_46.html" rel="nofollow">法律條款</a></li> <li><a href="/city/">全國服務</a></li> <li><a href="/cve/">安全漏洞</a></li> <li><a href="/theme/">主題地圖</a></li> </ul> </div> <div id="pl5zbpn5v5" class="link-list"> <div id="pl5zbpn5v5" class="link-title">關于我們</div> <ul> <li><a href="/about/" rel="nofollow">關于億速云</a></li> <li><a href="/case/">客戶案例</a></li> <li><a href="/news/">新聞資訊</a></li> <li><a href="/zixun/time/">資訊地圖</a></li> <li><a href="/ask/time/">問答地圖</a></li> <li><a href="/about/contact.html">聯系我們</a></li> <li><a href="/employ/">人才招聘</a></li> </ul> </div> </div> <div id="pl5zbpn5v5" class="yisu-contact"> <div id="pl5zbpn5v5" class="contact-tit">售后咨詢</div> <div id="pl5zbpn5v5" class="yisu-phone">7*24小時在線電話：<span>400-100-2938</span></div> <div id="pl5zbpn5v5" class="yisu-qq">7*24小時在線 QQ：<span>800811969</span></div> <div id="pl5zbpn5v5" class="guanzhu-tit">關注億速云</div> <div id="pl5zbpn5v5" class="erweima-box clearfix"> <div id="pl5zbpn5v5" class="wechat-erwei"> <img src="https://cache.yisu.com/www/images/ys-gzh-erweima.png" alt=""> <p>億速云公眾號</p> </div> <div id="pl5zbpn5v5" class="phonenet-erwei"> <img src="https://cache.yisu.com/www/images/ys-web-erweima.png" alt=""> <p>手機網站二維碼</p> </div> </div> </div> </div> <div id="pl5zbpn5v5" class="footer-bottom"> <p>Copyright ? Yisu Cloud Ltd. All Rights Reserved. 2018 版權所有</p> <p><span>廣州億速云計算有限公司</span><span><a style="color: #6C6E73;" target="_blank" rel="nofollow">粵ICP備17096448號-1</a> </span><span><span id="pl5zbpn5v5" class="police-icon"></span>粵公網安備 44010402001142號</span><!--<span>律所顧問：廣州正大</span>--><span>增值電信業務經營許可證編號：B1-20181529</span></p> </div> </div> <div id="pl5zbpn5v5" class="common-backtop-link"><i></i></div> <script type="text/javascript" src="https://cache.yisu.com/www/js/qa/qa.js?v=1723742490&v=202407161409"></script> <script type="text/javascript" src="https://cache.yisu.com/www/js/jquery.SuperSlide.2.1.js?v=202407161409"></script> <script type="text/javascript" src="https://cache.yisu.com/www/js/jquery-ui.js?v=202407161409"></script> <script type="text/javascript" src="https://cache.yisu.com/www/js/jquery.flexslider-min.js?v=202407161409"></script> <script type="text/javascript" src="https://cache.yisu.com/www/js/common/common.js?v=202407161409"></script> <script type="text/javascript" src="https://cache.yisu.com/www/js/common/kfonline.js?v=202407161409"></script> <script type="text/javascript"> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://#/hm.js?0910b1e24e81c0e61462b7a766830fec"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); $('.fifth_ic').hover(function(){ $(this).children('.erweima_box').show() },function(){ $(this).children('.erweima_box').hide() }) })(); (function(b,a,e,h,f,c,g,s){b[h]=b[h]||function(){(b[h].c=b[h].c||[]).push(arguments)}; b[h].s=!!c;g=a.getElementsByTagName(e)[0];s=a.createElement(e); s.src="http://s.union.#/"+f+".js";s.defer=!0;s.async=!0;g.parentNode.insertBefore(s,g) })(window,document,"script","_qha",340413,false); </script> <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://www.mlszssj.com/" title="亚洲激情专区">亚洲激情专区</a> <div class="friend-links"> </div> </div> </footer> <a href="http://" target="_blank">辽阳市</a>| <a href="http://" target="_blank">建始县</a>| <a href="http://" target="_blank">虹口区</a>| <a href="http://" target="_blank">张掖市</a>| <a href="http://" target="_blank">浏阳市</a>| <a href="http://" target="_blank">来安县</a>| <a href="http://" target="_blank">称多县</a>| <a href="http://" target="_blank">嵊泗县</a>| <a href="http://" target="_blank">安宁市</a>| <a href="http://" target="_blank">宁武县</a>| <a href="http://" target="_blank">思南县</a>| <a href="http://" target="_blank">石家庄市</a>| <a href="http://" target="_blank">双桥区</a>| <a href="http://" target="_blank">沁水县</a>| <a href="http://" target="_blank">黄石市</a>| <a href="http://" target="_blank">沐川县</a>| <a href="http://" target="_blank">南康市</a>| <a href="http://" target="_blank">镇远县</a>| <a href="http://" target="_blank">石家庄市</a>| <a href="http://" target="_blank">南和县</a>| <a href="http://" target="_blank">建昌县</a>| <a href="http://" target="_blank">襄樊市</a>| <a href="http://" target="_blank">林口县</a>| <a href="http://" target="_blank">铁岭县</a>| <a href="http://" target="_blank">泽普县</a>| <a href="http://" target="_blank">大埔区</a>| <a href="http://" target="_blank">贵港市</a>| <a href="http://" target="_blank">温州市</a>| <a href="http://" target="_blank">凌海市</a>| <a href="http://" target="_blank">塔城市</a>| <a href="http://" target="_blank">泰和县</a>| <a href="http://" target="_blank">荣成市</a>| <a href="http://" target="_blank">安西县</a>| <a href="http://" target="_blank">沭阳县</a>| <a href="http://" target="_blank">兴仁县</a>| <a href="http://" target="_blank">泰州市</a>| <a href="http://" target="_blank">邢台县</a>| <a href="http://" target="_blank">龙海市</a>| <a href="http://" target="_blank">孟州市</a>| <a href="http://" target="_blank">敦煌市</a>| <a href="http://" target="_blank">昌吉市</a>| <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body> </html> <script type="text/javascript" src="https://cache.yisu.com/www/vendor/highlight/highlight.js"></script> <script>hljs.initHighlightingOnLoad();</script> <script> document.addEventListener('DOMContentLoaded', (event) => { document.querySelectorAll('pre').forEach((block) => { hljs.highlightBlock(block); }); }); </script> <script> var page_position = 'detail'; parseInLinks(); getDetialQuantities(); </script>
