JavaScript non sicuro tenta di accedere al frame con URL

Ricevo l'errore seguente quando provo a impostare un valore hash sull'URL principale da iframe che contiene un altro URL di dominio:

JavaScript non sicuro tenta di accedere al frame con URL "URL1" dal frame con URL "URL2". Domini, protocolli e porte devono corrispondere.

Come posso risolvere questo problema?

Da un documento figlio di diversa origine non è consentito l'accesso alla location.hashproprietà della finestra superiore , ma è consentito impostare la locationproprietà stessa.

Ciò significa che, dato che la posizione in alto delle finestre è http://example.com/page/, invece di fare

parent.location.hash = "#foobar";

devi conoscere la posizione dei genitori e farlo

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

Poiché la risorsa non viene esplorata, funzionerà come previsto, cambiando solo la parte hash dell'URL.

Se lo stai utilizzando per la comunicazione tra domini, ti consiglio invece di utilizzare easyXDM .

Il Crossframe-Scripting non è possibile quando i due frame hanno domini diversi -> Sicurezza.

Vedi questo: http://javascript.about.com/od/reference/a/frame3.htm

Ora, per rispondere alla tua domanda: non c'è soluzione o aggiramento, dovresti semplicemente controllare il design del tuo sito web perché devono esserci due frame di domini diversi che cambiano l'URL dell'altro.

Ricevo lo stesso messaggio di errore quando ho provato a modificare il dominio per iframe.src.

Per me, la risposta è stata cambiare iframe.src in un URL sullo STESSO dominio, ma che in realtà era una pagina di reindirizzamento html al dominio desiderato. L'altro dominio è quindi apparso nel mio iframe senza errori.

Ha funzionato come un fascino. :)

Una soluzione potrebbe essere quella di utilizzare un file locale che recupera il contenuto remoto

remoteInclude.php

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

Il codice HTML

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

Ho scoperto che l'utilizzo della versione XFBML del pulsante Mi piace di Facebook invece della versione HTML5 ha risolto questo problema. Aggiungi il codice seguente nel punto in cui desideri che appaia il pulsante:

<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>

Quindi aggiungi questo al tuo tag HTML:

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

Il problema è che anche se crei un proxy o carichi il contenuto e lo inietti come se fosse locale, qualsiasi script definito da quel contenuto verrà caricato dall'altro dominio e causerà problemi tra domini.