将HTML从当前页面放入新窗口

时间:2009-09-17 16:27:50

标签: javascript jquery

我想打开一个新窗口,将原始页面中的一些HTML转移到新窗口。最简单的方法是什么?

类似的东西:

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

1 个答案:

答案 0 :(得分:3)

尝试以下方法:

$("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);
  }
);