How does one open a documentFragment in a new tab

What options are there for opening a document fragment in a new tab or window. Which are most browser compatible and which are most user friendly?

var frag = document.createDocumentFragment();
var div = $("<div>").addClass("Printable");
div[0].innerHTML = doc.body.innerHTML;
frag.appendChild(div[0]);
openIt(frag); // How to implement openIt

The fragment contains a reformatted subset of the page that is ready to be printed.

Preferably I would like it to open naturally throug开发者_如何学Pythonh some kind <link> or <a> and look like any other user friendly html link, rather then quietly opening up an annoying pop-up through window.open.

You can't reliably do this without window.open() and even then you need to create the fragment on that document, rather than the current (as some browsers don't allow cross-appending elements. It would look something like this:

var win = window.open("","myWindow","...options...");
var frag = win.document.createDocumentFragment();
var div = win.document.createElement("div");
div.className = "Printable";
div.innerHTML = doc.body.innerHTML;
frag.appendChild(div);

You can test out a demo here.

Try this. window.open('data:text/html;charset=utf-8,text%20to%20show');

edited:

That was the basic ... This should suit your needs:

var text = "<div class='Printable'>" + $("body").html() + "</div>";
window.open('data:text/html;charset=utf-8,'+text);