javascript - 将当前页面的 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);
  }
);