Heim >Web-Frontend >js-Tutorial >Warum erhalte ich in JavaScript die Meldung „SecurityError: Blockierter Cross-Origin-Frame-Zugriff'?

Warum erhalte ich in JavaScript die Meldung „SecurityError: Blockierter Cross-Origin-Frame-Zugriff'?

Mary-Kate OlsenOriginal: 2024-12-27 05:51:08508Durchsuche

Why Am I Getting a

Sicherheitsfehler: Blockierter Cross-Origin-Frame-Zugriff

Beim Versuch, auf Elemente innerhalb eines Wenn Sie JavaScript von einem anderen Ursprung verwenden, kann es zu folgendem Fehler kommen:</p> <pre class="brush:php;toolbar:false">SecurityError: Blocked a frame with origin "http://www.example.com" from accessing a cross-origin frame.</pre> <p>Dieser Fehler ist auf die Same-Origin-Richtlinie zurückzuführen, eine grundlegende Sicherheitsmaßnahme, die Browser durchsetzen.</p> <p><h3&gt ;Same-Origin-Richtlinie und ihre Auswirkungen</h3></p> <p>Die Same-Origin-Richtlinie verhindert, dass Skripte auf Ressourcen zugreifen (z. B andere Seiten oder Frames) mit einem anderen Ursprung. Ein Ursprung wird durch das Protokoll (z. B. HTTP), den Hostnamen und den Port der URL definiert. Jeder Unterschied in einer dieser Komponenten stellt einen separaten Ursprung dar.</p> <p>Zum Beispiel kann ein Skript von „http://www.example.com“ nicht auf Ressourcen von „https://www.example.com“ zugreifen. , „http://www.anothersite.com“ oder „http://www.example.com:81“.</p> <p><h3>Zugriff auf Cross-Origin-Frames: A Problemumgehung</h3></p> <p>Während der direkte Skriptzugriff auf Cross-Origin-Frames blockiert ist, gibt es eine Problemumgehung mithilfe von window.postMessage und Ereignis-Listenern. Mit diesem Ansatz können Sie Daten zwischen der Hauptseite und dem Frame austauschen:</p> <p><strong>Hauptseite:</strong></p> <pre class="brush:php;toolbar:false">const frame = document.getElementById('your-frame-id'); frame.contentWindow.postMessage(/*variable or object*/, 'https://your-second-site.example');</pre> <p><strong><iframe> Seite:</strong></p> <pre class="brush:php;toolbar:false">window.addEventListener('message', event => { // Check the origin of the data if (event.origin === 'https://your-first-site.example') { // Data is from the main page, use event.data to process it } });</pre> <p>Denken Sie daran, dass die Same-Origin-Richtlinie für die Sicherheit von entscheidender Bedeutung ist. Das Deaktivieren in Ihrem Browser für eine bestimmte Website oder global sollte nur zu Entwicklungszwecken und mit äußerster Vorsicht erfolgen.</p><p>Das obige ist der detaillierte Inhalt vonWarum erhalte ich in JavaScript die Meldung „SecurityError: Blockierter Cross-Origin-Frame-Zugriff'?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!</p></div><div class="nphpQianMsg"><a href="javascript:void(0);">JavaScript</a> <a href="javascript:void(0);">for</a> <a href="javascript:void(0);">while</a> <a href="javascript:void(0);">Error</a> <a href="javascript:void(0);">using</a> <a href="javascript:void(0);">Event</a> <a href="javascript:void(0);">this</a> <a href="javascript:void(0);">http</a> <a href="javascript:void(0);">https</a> <a href="javascript:void(0);">Access</a> <a href="javascript:void(0);">iframe</a> <a href="javascript:void(0);">Other</a><div class="clear"></div></div><div class="nphpQianSheng"><span>Stellungnahme：</span><div>Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn</div></div></div><div class="nphpSytBox"><span>Vorheriger Artikel：<a class="dBlack" title="Wie kann ich HTML-Entitäten in JavaScript dekodieren?" href="https://m.php.cn/de/faq/1796736494.html">Wie kann ich HTML-Entitäten in JavaScript dekodieren?</a></span><span>Nächster Artikel：<a class="dBlack" title="Wie kann ich HTML-Entitäten in JavaScript dekodieren?" href="https://m.php.cn/de/faq/1796736518.html">Wie kann ich HTML-Entitäten in JavaScript dekodieren?</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>In Verbindung stehende Artikel</h2><em><a href="https://m.php.cn/de/article.html" class="bBlack"><i>Mehr sehen</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/de/faq/1609.html" title="Eine eingehende Analyse der Bootstrap-Listengruppenkomponente" class="aBlack">Eine eingehende Analyse der Bootstrap-Listengruppenkomponente</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/1640.html" title="Detaillierte Erläuterung des JavaScript-Funktions-Curryings" class="aBlack">Detaillierte Erläuterung des JavaScript-Funktions-Curryings</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/1949.html" title="Vollständiges Beispiel für die Generierung von JS-Passwörtern und die Erkennung der Stärke (mit Download des Demo-Quellcodes)" class="aBlack">Vollständiges Beispiel für die Generierung von JS-Passwörtern und die Erkennung der Stärke (mit Download des Demo-Quellcodes)</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/2248.html" title="Angularjs integriert WeChat UI (weui)" class="aBlack">Angularjs integriert WeChat UI (weui)</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/2351.html" title="Wie man mit JavaScript schnell zwischen traditionellem Chinesisch und vereinfachtem Chinesisch wechselt und wie Websites den Wechsel zwischen vereinfachtem und traditionellem Chinesisch unterstützen – Javascript-Kenntnisse" class="aBlack">Wie man mit JavaScript schnell zwischen traditionellem Chinesisch und vereinfachtem Chinesisch wechselt und wie Websites den Wechsel zwischen vereinfachtem und traditionellem Chinesisch unterstützen – Javascript-Kenntnisse</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>Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！</p></div><div class="footermid"><a href="https://m.php.cn/de/about/us.html">Über uns</a><a href="https://m.php.cn/de/about/disclaimer.html">Haftungsausschluss</a><a href="https://m.php.cn/de/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><script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '9']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script></html>