同域jQuery(跨)iframe操作DOM(範例程式碼)_jquery

frame目前還是比較流行的，許多地方都透過它來實現特殊的情況。比如說傳統的上傳、select在ie6下、代理、跨域等等。今天呢，簡單的記述一下跨iframe的相關操作，主要是用jQuery操作DOM結構方面。

複製程式碼 程式碼如下:

複製程式碼 程式碼如下:

$('#read-aa').click(function()
{
   v=$('#aa').contents().find('body').html();
    alert(v);
});
$('#write-aa' ).click(function()
{

    $('#aa').contents().find('div').append('

---

這是index.php作業aa. php寫入的內容');
});

主要方法是contents()，讀取iframe。

2、iframe跨父框架操作iframe

複製程式碼 程式碼如下:

<script> <🎜>$(function()<🎜>{<🎜> $('#read-aa').click(function()<🎜> {<🎜>  var v=$('#aa').contents#aa').contents ().find('body').html();<🎜>  alert(v);<🎜> });<🎜> $('#write-aa').click(function()<🎜> { <🎜><🎜>  $('#aa').contents().find('div').append('<hr>這是index.php作業aa.php寫入的內容');<🎜> });<🎜>});<🎜></script>