Ralat Keselamatan: Akses Bingkai Rentas Asal Disekat Apabila cuba mengakses elemen dalam daripada asal yang berbeza menggunakan JavaScript, anda mungkin menghadapi ralat:</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">Salin selepas log masuk</div></div> <p>Ralat ini adalah hasil daripada dasar asal yang sama, langkah keselamatan asas yang dikuatkuasakan oleh penyemak imbas.</p> <p><h3> ;Dasar Asal Sama dan Implikasinya</h3></p> <p>Dasar asal sama menghalang skrip daripada mengakses sumber (seperti halaman atau bingkai lain) dengan asal yang berbeza. Asal ditakrifkan oleh protokol (cth., HTTP), nama hos dan port URL. Sebarang perbezaan dalam mana-mana komponen ini merupakan asal yang berasingan.</p> <p>Sebagai contoh, skrip daripada "http://www.example.com" tidak boleh mengakses sumber daripada "https://www.example.com" , "http://www.anothersite.com", atau "http://www.example.com:81".</p> <p><h3>Mengakses Bingkai Silang Asal: Penyelesaian</h3></p> <p>Walaupun akses skrip terus ke bingkai silang asal disekat, terdapat penyelesaian menggunakan window.postMessage dan pendengar acara. Pendekatan ini membolehkan anda menukar data antara halaman utama dan bingkai:</p> <p><strong>Halaman Utama:</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">Salin selepas log masuk</div></div> <p><strong><iframe> Halaman:</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">Salin selepas log masuk</div></div> <p>Ingat bahawa dasar asal yang sama adalah penting untuk keselamatan. Melumpuhkannya dalam penyemak imbas anda untuk tapak tertentu atau secara global hanya perlu dilakukan untuk tujuan pembangunan dan dengan sangat berhati-hati.</p>
