フレームは現在でも非常に人気があり、特殊な状況を実現するために多くの場所で使用されています。たとえば、従来のアップロード、IE6 での選択、プロキシ、クロスドメインなどです。今日は主に jQuery を使用して DOM 構造を操作する、iframe をまたがる関連する操作について簡単に説明します。 コードをコピー コードは次のとおりです: <BR><iframe src="b.php" id="bb"><BR><input type="button" id ="read -aa" value="iframe #aa の読み取り"><br><input type="button" id="write-aa" value="iframe #aa の書き込み"><BR></div> <BR><div class="codetitle"><span><a style="CURSOR: pointer" data="39534" class="copybut" id="copybut39534" onclick="doCopy('code39534')"><U>コードをコピー</U></a></span> コードは次のとおりです:</div><div class="codebody" id="code39534"><BR>$('#read-aa') .click(function () <BR>{ <BR> var v=$('#aa').contents().find('body').html(); <BR> アラート(v); <BR> }); <BR>$('#write-aa').click(function() <BR>{ <br><br> $('#aa').contents().find('div'). append('< ;hr>これはaa.phpを操作する際にindex.phpによって書き込まれる内容です');<br><br> </div>メインメソッドはiframeを読み取るcontents()です。 。 <br> 2. iframe の親フレーム間の操作 iframe<p><br></p> <div class="codetitle"><span><a style="CURSOR: pointer" data="17508" class="copybut" id="copybut17508" onclick="doCopy('code17508')"> コードをコピーします <u></u></a> コードは次のとおりです: </span></div> <div class="codebody" id="code17508"><!DOCTYPE html><br><meta charset="utf-8"><br><title>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</title> ">< ;/script> <br><script> <br>$(function() <br>{ <br> $('#read-parent-aa').click(function() <br> { <br> var v=$('body',parent.document).find('#aa').contents().find('body').html(); <br> アラート(v); 🎜> }) ; <br> $('#write-parent-aa').click(function() <br> { <br> $('body',parent.document).find('#aa') .contents() .find('div').append('<hr>これは、aa.php を操作するときに bb.php によって書き込まれた内容です'); <br> ></script> <br><div> <br>これは iframe #bb<br></div> <br><input type="button" id="read-parent- aa" value=" 親 #aa で iframe を読み取る"> <br><input type="button" id="write-parent-aa" value="親 #aa で iframe を読み取る"><br><br><br>HTML: コード<br><br><br> </div> <br>コードをコピー<br><div class="codetitle"> <span> コードは次のとおりです:<a style="CURSOR: pointer" data="57029" class="copybut" id="copybut57029" onclick="doCopy('code57029')"><u></u>< ;!DOCTYPE html></a><meta charset="utf-8"></span><title>jQuery オペレーション iframe</title></div><script src="http://ajax.googleapis .com/ajax/libs /jquery/1.7.2/jquery.min.js"></script><div class="codebody" id="code57029"><iframe src="a.php" id="aa"></iframe> ;<BR>< iframe src="b.php" id="bb"> <br>$(function()<br> {<br> $('#read-aa').click(function()<br> {<br> var v=$('#aa').contents().find('body').html( );<br>alert(v);<br> });<br> $('#write-aa').click(function()<br> {<br><br> $('#aa' ).contents( ).find('div').append('<hr>aa.phpを操作する際にindex.phpが書き込む内容です');<br> });<br>});<br></ スクリプト><br><br><br> </div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
