將HTML從當前頁面放入新窗口

Question

我想打開一個新窗口並將原始頁面中的一些HTML移至新窗口。什麼是最簡單的方法來做到這一點？

喜歡的東西：

$("div#foo").click(function(){ 
     var copyHTML = $("table.bar").html(); 
     window.open(''); // somehow put copyHTML in the new window 
}); 

Answer 1

嘗試以下操作：

$("div#foo").click 
(
    function() 
    { 
    var copyHTML = $("table.bar").html(); 
    var newWindow = window.open(''); 
    newWindow.document.body.innerHTML = copyHTML; 
    } 
); 

這將在某些情況下工作，比下一個方法更容易。

如果您從瀏覽器中收到安全警告，下一種方法可能會更令人滿意。所謂的getContent父頁面中添加功能，例如：

function getContent() 
{ 
    return $("table.bar").html(); 
} 

...並在子窗口的document.ready請執行以下操作：

$(document).ready 
(
    function() 
    { 
    var parentContent = window.opener.getContent(); 
    $("body").html(parentContent); 
    } 
);