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> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre>SecurityError: Blocked a frame with origin "http://www.example.com" from accessing a cross-origin frame.</pre><div class="contentsignin">Nach dem Login kopieren</div></div> <p>Dieser Fehler ist auf die Same-Origin-Richtlinie zurückzuführen, eine grundlegende Sicherheitsmaßnahme, die Browser durchsetzen.</p> <p><h3> ;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> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre>const frame = document.getElementById('your-frame-id'); frame.contentWindow.postMessage(/*variable or object*/, 'https://your-second-site.example');</pre><div class="contentsignin">Nach dem Login kopieren</div></div> <p><strong><iframe> Seite:</strong></p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre>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><div class="contentsignin">Nach dem Login kopieren</div></div> <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>
