Wie der Zugriff auf die Inhalte eines iframe mit jQuery?

Wie kann ich den Zugriff auf den Inhalt eines iframe mit jQuery? Ich habe versucht zu tun, aber es würde nicht funktionieren:

iframe-Inhalt: <div id="myContent"></div>

jQuery: $("#myiframe").find("#myContent")

Wie kann ich den Zugriff myContent?

Ähnlich jquery/javascript: der Zugriff auf die Inhalte eines iframe aber die akzeptierte Antwort ist nicht das, was ich suchte.

Ich habe gerade festgestellt, dass die built-in von $ variable in der Firefox Konsole nicht Aussehen wie eine komplette jQuery auf alle. (Ich dachte mir, diese nach der Realisierung, dass ich nicht die jQuery-variable, dann herauszufinden, dass ich nicht laden Sie die jQuery source code).

InformationsquelleAutor mbillard | 2009-11-25

  1. 189

    Verwenden Sie den contents() Methode:

    $("#myiframe").contents().find("#myContent")

    Quelle: http://simple.procoding.net/2008/03/21/how-to-access-iframe-in-jquery/

    geben Sie mir Fehler: error: Permission denied to access property 'ownerDocument'
    ime: wahrscheinlich geben Sie Fehler, weil der folgenden Gründe: 1) Iframe gehört nicht zu derselben Domäne. 2) Sie versuchen, es zu Lesen, bevor Iframe load event.
    Gibt es eine Möglichkeit zu überprüfen, ob der iframe-Inhalt ist aus der gleichen Domäne, bevor Sie versuchen, darauf zugreifen und erhalte eine Fehlermeldung?
    Die Quellen-url defekt ist.
    Werden kann, müssen Sie einige javascript-Bibliothek, wird die übertragung von Informationen zwischen Hauptseite und iframe. Im Grunde ist es verweigert worden, durch browser, da der Cross-Browser-Funktionalität. Tut mir Leid, ich kenne keine solche Bibliothek, weil ich noch nie benötigt.

    InformationsquelleAutor mbillard

  2. 19
    <html>
<head>
<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>
<script type="text/javascript">

$(function() {

    //here you have the control over the body of the iframe document
    var iBody = $("#iView").contents().find("body");

    //here you have the control over any element (#myContent)
    var myContent = iBody.find("#myContent");

});

</script>
</head>
<body>
  <iframe src="mifile.html" id="iView" style="width:200px;height:70px;border:dotted 1px red" frameborder="0"></iframe>
</body>
</html>

    InformationsquelleAutor andres descalzo

  3. 14

    Wenn iframe-Quelle ist eine externe Domäne Browsern verstecken wird der iframe-Inhalt (same-Origin-Policy).
    Ein workaround ist das speichern der externen Inhalt in eine Datei, zum Beispiel (in PHP):

    <?php
    $contents = file_get_contents($external_url);
    $res = file_put_contents($filename, $contents);
?>

    dann Holen Sie sich den neuen Inhalt der Datei (string) und analysieren es, zu html, zum Beispiel (in jquery):

    $.get(file_url, function(string){
    var html = $.parseHTML(string);
    var contents = $(html).contents();
},'html');

    InformationsquelleAutor fireb86

Schreibe einen Kommentar