Rumah > Artikel > Apakah kegunaan iframe

Apakah kegunaan iframe

尊渡假赌尊渡假赌尊渡假赌asal: 2023-12-20 15:11:222481semak imbas

iframe ialah teg dalam HTML yang digunakan untuk membenamkan halaman lain dalam halaman semasa Ia boleh digunakan untuk memaparkan kandungan halaman web lain Penggunaannya ialah: 1. Buat halaman HTML ; Teg iframe> mencipta elemen iframe 3. Tetapkan atribut src kepada "https://www.example.com" 4. Apabila pelayar memuatkan halaman HTML di atas, kandungan halaman url dipaparkan.

Sistem pengendalian tutorial ini: sistem Windows 10, komputer Dell G3.

iframe (bingkai sebaris) ialah teg dalam HTML yang digunakan untuk membenamkan halaman lain dalam halaman semasa. Ia boleh digunakan untuk memaparkan kandungan dari halaman web lain dalam halaman web.

Berikut ialah contoh mudah yang menunjukkan cara menggunakan iframe untuk membenamkan halaman lain dalam halaman web:

<!DOCTYPE html>
<html>
<head>
  <title>使用iframe示例</title>
</head>
<body>
  <h1>主页面</h1>

  <p>下面是一个iframe，嵌入了另一个页面：</p>
  <iframe src="https://www.example.com" width="800" height="600"></iframe>

  <p>这是主页面的其他内容。</p>
</body>
</html>

Dalam contoh di atas, kami mencipta elemen iframe menggunakan tag dan menetapkan atribut src kepada " https ://www.example.com", yang bermaksud halaman yang akan dimuatkan dalam iframe ialah "https://www.example.com". Kami juga menetapkan lebar dan ketinggian iframe. </p> <p>Apabila penyemak imbas memuatkan halaman HTML di atas, kandungan halaman akan dipaparkan dan iframe akan dipaparkan di lokasi yang ditentukan. Iframe ini akan menduduki lebar dan ketinggian yang ditentukan dan memuatkan kandungan halaman "https://www.example.com" di dalamnya. </p> <p>Sila ambil perhatian bahawa dalam penggunaan sebenar, anda perlu menggantikan "https://www.example.com" dalam contoh dengan URL halaman sebenar yang anda ingin benamkan. Selain itu, anda perlu memberi perhatian kepada sekatan dasar merentas domain Jika halaman terbenam mempunyai nama domain yang berbeza daripada halaman utama, ia mungkin tertakluk pada sekatan keselamatan penyemak imbas. </p><p>Atas ialah kandungan terperinci Apakah kegunaan iframe. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!</p></div><div class="nphpQianMsg"><a href="javascript:void(0);">html</a> <a href="javascript:void(0);">https</a> <a href="javascript:void(0);">iframe</a><div class="clear"></div></div><div class="nphpQianSheng"><span>Kenyataan：</span><div>Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn</div></div></div><div class="nphpSytBox"><span>Artikel sebelumnya：<a class="dBlack" title="Di manakah kuki disimpan?" href="http://m.php.cn/ms/faq/634129.html">Di manakah kuki disimpan?</a></span><span>Artikel seterusnya：<a class="dBlack" title="Di manakah kuki disimpan?" href="http://m.php.cn/ms/faq/634131.html">Di manakah kuki disimpan?</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>Artikel berkaitan</h2><em><a href="http://m.php.cn/ms/article.html" class="bBlack"><i>Lihat lagi</i><b></b></a></em><div class="clear"></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-6t+ed+2i-1n-4w" data-ad-client="ca-pub-5902227090019525" data-ad-slot="8966999616"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><ul class="nphpXgwzList"><li><b></b><a href="http://m.php.cn/ms/faq/360803.html" title="html之iframe使用的代码实例分享" class="aBlack">html之iframe使用的代码实例分享</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ms/faq/375246.html" title="关于iframe嵌套子页面（含iframe）自动扩高的详解" class="aBlack">关于iframe嵌套子页面（含iframe）自动扩高的详解</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ms/faq/386273.html" title="如何使用iframe在当前网页中嵌入其他网页" class="aBlack">如何使用iframe在当前网页中嵌入其他网页</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ms/faq/436400.html" title="layui的iframe跳转链接与页面按钮跳转相关介绍" class="aBlack">layui的iframe跳转链接与页面按钮跳转相关介绍</a><div class="clear"></div></li></ul></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="5027754603"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！</p></div><div class="footermid"><a href="http://m.php.cn/ms/about/us.html">Tentang kita</a><a href="http://m.php.cn/ms/about/disclaimer.html">Penafian</a><a href="http://m.php.cn/ms/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p> © php.cn All rights reserved </p></div></div></footer><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了，就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body></html>