Dalam pembangunan bahagian hadapan, terdapat masalah merentas domain antara halaman terbenam Domain terdiri daripada protokol, nama hos dan nombor port, contohnya, "https://example .com:8080", jika Jika domain halaman terbenam berbeza daripada halaman induk, anda akan menghadapi masalah merentas domain. Ini kerana penyemak imbas mengehadkan pelaksanaan skrip merentas domain atas sebab keselamatan untuk mengelakkan hasad serangan skrip. </p></blockquote> <p><img src="https://img.php.cn/upload/article/202311/27/2023112711344560636.jpg" alt="Apakah domain iframe" ></p> <p>Sistem pengendalian tutorial ini: sistem Windows 10, komputer Dell G3. </p> <div id="chat-messages"><div><article><p>Dalam pembangunan bahagian hadapan, terdapat masalah merentas domain antara halaman yang dibenamkan dalam <iframe> dan halaman induk (iaitu halaman yang mengandungi <iframe>) kerana domain mereka (juga dipanggil "sumber") adalah berbeza. </p> <p>Domain ini terdiri daripada protokol, nama hos dan nombor port, seperti https://example.com:8080. Jika halaman terbenam mempunyai domain yang berbeza daripada halaman induk, anda akan menghadapi masalah merentas domain. Ini kerana penyemak imbas mengehadkan pelaksanaan skrip merentas domain atas sebab keselamatan untuk mengelakkan serangan skrip berniat jahat. </p> <p>Untuk menyelesaikan masalah merentas domain, anda boleh menetapkan domain <iframe> melalui kaedah berikut: </p> <ol style="margin-bottom: 16px; padding-left: 2em;"><li>Gunakan atribut kotak pasir: Atribut kotak pasir boleh digunakan untuk mengehadkan fungsi <iframe> halaman terbenam, dengan itu mengurangkan risiko keselamatannya. Pada masa yang sama, ia juga boleh digunakan untuk menetapkan domain <iframe>. Contohnya: </li></ol> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre><iframe src="https://example.com" sandbox="allow-same-origin">Salin selepas log masuk Di sini, domain ditetapkan untuk sama dengan halaman induk, iaitu, hanya sumber yang dimiliki oleh domain yang sama dengan halaman induk dibenarkan untuk dimuatkan. </p> <ol start="2" style="margin-bottom: 16px; padding-left: 2em;"><li>Tetapkan document.domain dalam halaman terbenam: Jika nama domain utama halaman terbenam dan halaman induk adalah sama, anda boleh membatalkan sekatan merentas domain dengan menetapkan document.domain dalam kedua-dua halaman. Contohnya: </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">Salin selepas log masuk document.domain = 'example.com'; Salin selepas log masuk Gunakan API postMessage: API postMessage boleh digunakan untuk menghantar mesej antara tingkap untuk mencapai komunikasi merentas domain. Komunikasi merentas domain yang selamat boleh dicapai dengan menggunakan kaedah window.postMessage() dalam halaman induk dan halaman terbenam untuk menghantar dan menerima mesej masing-masing. Perlu diambil perhatian bahawa tidak disyorkan untuk menggunakan untuk membenamkan kandungan daripada domain lain melainkan perlu, kerana ini mungkin memperkenalkan kelemahan keselamatan dan isu prestasi. </p></article></div></div>
