DOM-Methode für domänenübergreifende jQuery-Operationen im Iframe-js-Tutorial-php.cn

DOM-Methode für domänenübergreifende jQuery-Operationen im Iframe

php中世界最好的语言

Freigeben： 2018-04-26 15:19:16

Original

6117 Leute haben es durchsucht

Dieses Mal werde ich Ihnen den domänenübergreifenden Betrieb der DOM-Methode jQuery in einem Iframe vorstellen ? Das Folgende ist ein praktischer Fall. Rahmen erfreuen sich derzeit noch großer Beliebtheit und werden vielerorts zur Umsetzung besonderer Situationen eingesetzt. Zum Beispiel traditionelles

Hochladen

, Auswahl unter ie6, Proxy, domänenübergreifend usw. Heute werde ich kurz die zugehörigen Vorgänge über Iframes hinweg beschreiben, wobei ich hauptsächlich jQuery zum Betrieb der DOM-Struktur verwende.

<iframe src="a.php" id="aa"></iframe> 
<iframe src="b.php" id="bb"></iframe> 
<input type="button" id="read-aa" value="读取iframe #aa"> 
<input type="button" id="write-aa" value="写入iframe #aa">

Nach dem Login kopieren

rrreeDie Hauptmethode ist content(), die iframe liest.

2. iframe-übergreifender Frame-Betrieb iframe

$(&#39;#read-aa&#39;).click(function() 
{ 
    var v=$(&#39;#aa&#39;).contents().find(&#39;body&#39;).html(); 
    alert(v); 
}); 
$(&#39;#write-aa&#39;).click(function() 
{ 
    $(&#39;#aa&#39;).contents().find(&#39;p&#39;).append(&#39;<hr>这是index.php操作aa.php写入的内容&#39;); 
});

Nach dem Login kopieren

Dies ist der Inhalt in iframe #bb

<!DOCTYPE html> 
<meta charset="utf-8"> 
<title>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</title> 
<script src="public/jQuery.js"></script> 
<script> 
$(function() 
{ 
    $(&#39;#read-parent-aa&#39;).click(function() 
    { 
        var v=$(&#39;body&#39;,parent.document).find(&#39;#aa&#39;).contents().find(&#39;body&#39;).html(); 
        alert(v); 
    }); 
    $(&#39;#write-parent-aa&#39;).click(function() 
    { 
        $(&#39;body&#39;,parent.document).find(&#39;#aa&#39;).contents().find(&#39;p&#39;).append(&#39;<hr>这是bb.php操作aa.php写入的内容&#39;); 
    }); 
}); 
</script> 
<p>

Nach dem Login kopieren

HTML: Code

</p> 
<input type="button" id="read-parent-aa" value="跨父读取iframe #aa"> 
<input type="button" id="write-parent-aa" value="跨父写入iframe #aa">

Nach dem Login kopieren

Glauben Sie es. Nachdem Sie den Fall in diesem Artikel gelesen haben, beherrschen Sie die Methode. Für weitere spannende Inhalte beachten Sie bitte

andere

verwandte Artikel auf der chinesischen PHP-Website! Empfohlene Lektüre:

JSONP löst das domänenübergreifende Ajax-Problem (mit Code)

php+jquery-Implementierung der Übergabe JSON-Datenmethode

Das obige ist der detaillierte Inhalt vonDOM-Methode für domänenübergreifende jQuery-Operationen im Iframe. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!