Поместить 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);
  }
);