Bei der Frontend-Entwicklung gibt es domänenübergreifende Probleme zwischen der eingebetteten Seite von . Die Domäne besteht aus Protokoll, Hostname und Portnummer, zum Beispiel „https://example“. .com:8080“, wenn sich die Domäne der eingebetteten Seite von der der übergeordneten Seite unterscheidet, treten domänenübergreifende Probleme auf. Dies liegt daran, dass der Browser aus Sicherheitsgründen die Ausführung domänenübergreifender Skripts einschränkt, um bösartige Absichten zu verhindern Skript-Angriffe. </p></blockquote> <p><img src="https://img.php.cn/upload/article/202311/27/2023112711344560636.jpg" alt="Was ist die Domäne von iframe?" ></p> <p>Das Betriebssystem dieses Tutorials: Windows 10-System, Dell G3-Computer. </p> <div id="chat-messages"><div><article><p>Bei der Frontend-Entwicklung gibt es domänenübergreifende Probleme zwischen der in <iframe> eingebetteten Seite und der übergeordneten Seite (d. h. der Seite, die <iframe> enthält), da ihre Domänen (auch „Quellen“ genannt) sind anders. </p> <p>Die Domäne besteht aus Protokoll, Hostname und Portnummer, z. B. https://example.com:8080. Wenn die eingebettete Seite eine andere Domäne hat als die übergeordnete Seite, treten domänenübergreifende Probleme auf. Dies liegt daran, dass Browser aus Sicherheitsgründen die Ausführung domänenübergreifender Skripte einschränken, um böswillige Skriptangriffe zu verhindern. </p> <p>Um das domänenübergreifende Problem zu lösen, können Sie die Domäne von <iframe> mit den folgenden Methoden festlegen: </p> <ol style="margin-bottom: 16px; padding-left: 2em;"><li>Verwenden Sie das Sandbox-Attribut: Das Sandbox-Attribut kann verwendet werden, um die Funktionen von <iframe> eingebettete Seiten und verringert so deren Sicherheitsrisiken. Gleichzeitig kann damit auch die Domäne von <iframe> festgelegt werden. Beispiel: </li></ol> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre><iframe src="https://example.com" sandbox="allow-same-origin">Nach dem Login kopieren Hier ist die Domäne von so eingestellt, dass sie mit der der übergeordneten Seite übereinstimmt, d. h. es dürfen nur Ressourcen geladen werden, die zur gleichen Domäne wie die übergeordnete Seite gehören. </p> <ol start="2" style="margin-bottom: 16px; padding-left: 2em;"><li>Legen Sie document.domain auf der eingebetteten Seite fest: Wenn der Hauptdomänenname der eingebetteten Seite und der übergeordneten Seite identisch sind, können Sie die domänenübergreifende Beschränkung aufheben, indem Sie document.domain auf beiden Seiten festlegen. Beispiel: </li></ol> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre><!-- 父页面 --> <script> document.domain = 'example.com'; </script> <iframe src="https://sub.example.com">Nach dem Login kopieren document.domain = 'example.com'; Nach dem Login kopieren Verwenden Sie die PostMessage-API: Mit der PostMessage-API können Nachrichten zwischen Fenstern weitergeleitet werden, um eine domänenübergreifende Kommunikation zu erreichen. Eine sichere domänenübergreifende Kommunikation kann erreicht werden, indem die Methode window.postMessage() zum Senden und Empfangen von Nachrichten auf der übergeordneten Seite bzw. der eingebetteten Seite verwendet wird. Es ist zu beachten, dass die Verwendung von nicht zum Einbetten von Inhalten aus anderen Domänen empfohlen wird, es sei denn, dies ist erforderlich, da dies zu Sicherheitslücken und Leistungsproblemen führen kann. </p></article></div></div>
