Home >Common Problem >What is the domain of iframe

What is the domain of iframe

尊渡假赌尊渡假赌尊渡假赌Original: 2023-11-27 11:34:59802browse

In front-end development, there are cross-domain problems between the embedded page of and the parent page. The domain is composed of protocol, host name and port number, for example, "https://example.com: 8080", if the domain of the embedded page is different from that of the parent page, you will encounter cross-domain problems. This is because the browser limits the execution of cross-domain scripts for security reasons to prevent malicious script attacks. </p></blockquote> <p><img src="https://img.php.cn/upload/article/202311/27/2023112711344560636.jpg" alt="What is the domain of iframe" ></p> <p># Operating system for this tutorial: Windows 10 system, Dell G3 computer. </p> <div id="chat-messages"><div><article>##In front-end development, there are cross-domain problems between <iframe> embedded pages and parent pages (that is, pages containing <iframe>) because their domains (also called "source") are different. <p></p>The domain is composed of protocol, host name and port number, such as https://example.com:8080. If the embedded page has a different domain than the parent page, you will encounter cross-domain problems. This is because browsers restrict the execution of cross-domain scripts for security reasons to prevent malicious script attacks. <p></p>In order to solve the cross-domain problem, you can set the domain of <iframe> through the following methods: <p></p> <ol style="margin-bottom: 16px; padding-left: 2em;">Use the sandbox attribute: The sandbox attribute can be used to limit the inline of <iframe> functionality of the page, thereby reducing its security risks. At the same time, it can also be used to set the domain of <iframe>. For example: <li> <pre class="brush:php;toolbar:false"><iframe src="https://example.com" sandbox="allow-same-origin"></iframe></pre> </ol>Here, the domain of <iframe> is set to be the same as the parent page, that is, only resources belonging to the same domain as the parent page are allowed to be loaded. <p></p> <ol start="2" style="margin-bottom: 16px; padding-left: 2em;">Set document.domain in the embedded page: If the main domain name of the embedded page and the parent page are the same, you can lift the cross-domain restriction by setting document.domain in both pages. For example: <li> <pre class="brush:php;toolbar:false"> <script> document.domain = 'example.com'; </script> <iframe src="https://sub.example.com"></iframe></pre> <pre class="brush:php;toolbar:false"> <script> document.domain = 'example.com'; </script></pre> </ol> <ol start="3" style="margin-bottom: 16px; padding-left: 2em;">Use postMessage API: postMessage API can be used to pass messages between windows to achieve cross-domain communication. Secure cross-domain communication can be achieved by using the window.postMessage() method in the parent page and the embedded page to send and receive messages respectively. <li> </ol>It should be noted that unless necessary, it is not recommended to use <iframe> to embed content from other domains, as this may introduce security vulnerabilities and performance issues. <p></p></article></div></div><p>The above is the detailed content of What is the domain of iframe. For more information, please follow other related articles on the PHP Chinese website!</p></div><div class="nphpQianMsg"><a href="javascript:void(0);">windows</a> <a href="javascript:void(0);">https</a> <a href="javascript:void(0);">iframe</a><div class="clear"></div></div><div class="nphpQianSheng"><span>Statement：</span><div>The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn</div></div></div><div class="nphpSytBox"><span>Previous article：<a class="dBlack" title="What does iframe on the front end mean?" href="https://m.php.cn/faq/631079.html">What does iframe on the front end mean?</a></span><span>Next article：<a class="dBlack" title="What does iframe on the front end mean?" href="https://m.php.cn/faq/631085.html">What does iframe on the front end mean?</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>Related articles</h2><em><a href="https://m.php.cn/article.html" class="bBlack"><i>See more</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="https://m.php.cn/faq/362989.html" title="Solve various situations where divs are blocked by iframes" class="aBlack">Solve various situations where divs are blocked by iframes</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/faq/375027.html" title="Practical summary sharing of html iframe use" class="aBlack">Practical summary sharing of html iframe use</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/faq/394377.html" title="jQuery cross-domain operation DOM method in iframe" class="aBlack">jQuery cross-domain operation DOM method in iframe</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/faq/410795.html" title="How to introduce external pages in HTML (iframe tag method)" class="aBlack">How to introduce external pages in HTML (iframe tag method)</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/faq/494667.html" title="Detailed explanation of the use of HTML inline tag iframe!" class="aBlack">Detailed explanation of the use of HTML inline tag 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>Public welfare online PHP training，Help PHP learners grow quickly！</p></div><div class="footermid"><a href="https://m.php.cn/about/us.html">About us</a><a href="https://m.php.cn/about/disclaimer.html">Disclaimer</a><a href="https://m.php.cn/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>