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