如何打開彈出窗口並使用父窗口中的數據填充它？

Question

如何使用JavaScript/jQuery在父頁面中使用來自JS變量的數據填充彈出窗口？

在我的例子中，我有一個文件名數組。我在父窗口中最多列出五個，如果還有更多，我想提供一個鏈接打開一個彈出窗口並列出數組中的每個帖子。

因此，如果我打開一個包含<ul id="all_files"></ul>的彈出窗口，如何將<li>-項目添加到該列表中？

Answer 1

父窗口：

<span id="popup"> Click to Open Popup </span> 

<script type="text/javascript"> 
var ar=new Array("Item 1", "Item 2", "Item 3", "Item 4", "Item 5", "Item 6", 
       "Item 7", "Item 8", "Item 9", "Item 10"); 
function getArray(){ 
    return ar; 
} 
$(document).ready(function(){ 
    $("span#popup").click(function(){ 
     var p=window.open("Popup.html"); 
    }); 
}); 
</script> 

彈出窗口：

<ul id="list"></ul> 
<script type="text/javascript"> 
    if(window.opener && !window.opener.closed){ 
     var ar= window.opener.getArray(); 
     var items=""; 
     for(var i=0;i<ar.length;i++){ 
      items +="<li>" + ar[i] + "</li>"; 
     } 
     $("ul#list").html(items); 
    } 
</script>