Upaya JavaScript yang tidak aman untuk mengakses bingkai dengan URL

Saya mendapatkan kesalahan di bawah ini ketika saya mencoba mengatur nilai hash ke url induk dari iframe yang berisi url domain lain:

Upaya JavaScript yang tidak aman untuk mengakses bingkai dengan URL "URL1" dari bingkai dengan URL "URL2". Domain, protokol, dan port harus cocok.

Bagaimana cara memperbaiki masalah ini?

Dari dokumen anak asal berbeda Anda tidak diizinkan mengakses location.hashproperti jendela atas , tetapi Anda diizinkan untuk menyetel locationproperti itu sendiri.

Ini berarti bahwa mengingat lokasi jendela atas http://example.com/page/, bukan melakukan

parent.location.hash = "#foobar";

Anda perlu mengetahui lokasi orang tua dan melakukannya

parent.location = "http://example.com/page/#foobar";

Karena sumber daya tidak dinavigasi, ini akan bekerja seperti yang diharapkan, hanya mengubah bagian hash dari url.

Jika Anda menggunakan ini untuk komunikasi lintas domain, maka saya akan merekomendasikan menggunakan easyXDM sebagai gantinya.

Crossframe-Scripting tidak dimungkinkan jika kedua frame memiliki domain yang berbeda -> Keamanan.

Lihat ini: http://javascript.about.com/od/reference/a/frame3.htm

Sekarang untuk menjawab pertanyaan Anda: tidak ada solusi atau solusi, Anda cukup memeriksa desain situs web Anda mengapa harus ada dua bingkai dari domain berbeda yang mengubah url yang lain.

Saya mendapatkan pesan kesalahan yang sama ketika saya mencoba mengubah domain untuk iframe.src.

Bagi saya, jawabannya adalah mengubah iframe.src menjadi url di domain yang SAMA, tetapi sebenarnya merupakan halaman html yang mengarahkan ulang ke domain yang diinginkan. Domain lain kemudian muncul di iframe saya tanpa kesalahan.

Bekerja seperti pesona. :)

Solusinya bisa dengan menggunakan file lokal yang mengambil konten jarak jauh

remoteInclude.php

<?php
$url = $_GET['url'];
$contents = file_get_contents($url);
echo $contents;

HTML

<iframe frameborder="1" id="frametest" src="/remoteInclude.php?url=REMOTE_URL_HERE"></iframe>
<script>
    $("#frametest").load(function (){       
    var contents =$("#frametest").contents();
});

Saya menemukan bahwa menggunakan versi XFBML dari tombol suka Facebook alih-alih versi HTML5 memperbaiki masalah ini. Tambahkan kode di bawah ini di mana Anda ingin tombol itu muncul:

<div id="fb-root"></div>
<script>(function (d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<fb:like send="true" layout="button_count" width="50" show_faces="false" font="arial"></fb:like>

Kemudian tambahkan ini ke tag HTML Anda:

 xmlns:fb="http://ogp.me/ns/fb#"

Masalahnya adalah meskipun Anda membuat proxy atau memuat konten dan memasukkannya seolah-olah itu lokal, skrip apa pun yang didefinisikan konten tersebut akan dimuat dari domain lain dan menyebabkan masalah lintas domain.