Wie man die Höhe von iframe cross domain

Habe ich iframe(cross-domain) mit src aus facebook, twitter oder etc. Ich brauche, um die Höhe des iframe-aber ich bekam das Thema: "Permission denied to access property 'Dokument'". Bitte helfen Sie mir, diese zu lösen. Vielen Dank!

InformationsquelleAutor hungpham | 2011-11-22

  1. 9

    Paar Fragen. Erstens, die Höhe der iframe ist wahrscheinlich nicht das, was Sie wollen. Ich meine, das explizit im HTML-code der Seite, die du kontrollierst, und ist leicht zugänglich und modifizierbar durch Javascript bedeutet. Wie es scheint sind Sie nach der Höhe der Seite innen das iframe. Wenn das der Fall ist, die einfache Antwort ist, Sie können nicht, zumindest nicht mit externen Diensten wie Facebook/Twitter.

    Sicherheitsgründen, kann man problemlos weitergeben Nachrichten von Kind zu Eltern, aber nicht von den Eltern auf das Kind, es sei denn eine Kommunikation Weg gebaut wurde, die in Ihren javascript - in beiden Dokumenten. Es ist ein postMessage Protokoll für den Umgang mit diesem in modernen Browsern. https://developer.mozilla.org/en/DOM/window.postMessage . Aber, es ist ganz nutzlos in diesem Fall, es sei denn, das Dokument mit der Sie kommunizieren, ist die Einrichtung zum behandeln einer eingehenden postMessage, das es meines Wissens Twitter/Facebook Häufig nicht.

    Wenn ein Elternteil Dokument kann frei kommunizieren mit Kindern aus verschiedenen Domänen, dann alle javascript effektiv ausführen einer Serie von Befehlen auf einer beliebigen Website, Sie sind eingeloggt als. Die Auswirkungen auf die Sicherheit, sind erschreckend und zum Glück nicht möglich.

    InformationsquelleAutor Nucleon

  2. 2

    Gibt es keine Möglichkeiten, in javascript zu finden, die Höhe des cross-domain-iframe-Höhe, aber Sie können schon sowas gemacht mit der Hilfe von einigen server-side Programmierung. Ich benutzt PHP für dieses Beispiel

    <?php
$output = file_get_contents('http://yourdomain.com');
?>
<div id='iframediv'>
    <?php echo $output; ?>
</div>

<iframe style='display:none' id='iframe' src="http://yourdomain.com" width="100%" marginwidth="0" height="100%" marginheight="0" align="top" scrolling="auto" frameborder="0" hspace="0" vspace="0"> </iframe>

<script>
if(window.attachEvent) {
    window.attachEvent('onload', iframeResizer);
} else {
    if(window.onload) {
        var curronload = window.onload;
        var newonload = function(evt) {
            curronload(evt);
            iframeResizer(evt);
        };
        window.onload = newonload;
    } else {
        window.onload = iframeResizer;
    }
}
   function iframeResizer(){
        var result = document.getElementById("iframediv").offsetHeight;

        document.getElementById("iframe").style.height = result;
        document.getElementById("iframediv").style.display = 'none';
        document.getElementById("iframe").style.display = 'inline';
    }
</script>
    das problem dabei ist, dass die css-Datei des iframe-Webseite ist ändern Sie Ihre aktuelle css als er alle verknüpften Dateien in der Kopfzeile
    vielleicht setzen die div touside das html-Dokument

    InformationsquelleAutor Santhosh Fernando

Schreibe einen Kommentar