將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);
  }
);