Otwórz okno w JavaScript z wstawionym HTML

Question

Jak mogę otworzyć nowe okno w JavaScript i wstawić dane HTML zamiast tylko link do pliku HTML?

Answer 1

Możesz użyć , aby otworzyć nowe okno/kartę (zgodnie z ustawieniem przeglądarki) w javascript.

Używając document.write możesz napisać zawartość HTML do otwartego okna.

Answer 2

Po utworzeniu nowego okna za pomocą open, zwraca odniesienie do nowego okna, można użyć tego odniesienia, aby zapisać do nowo otwartego okna za pośrednictwem jego obiektu document.

Oto przykład:

var newWin = open('url','windowName','height=300,width=300'); 
newWin.document.write('html to write...'); 

Answer 3

ja nie polecam do korzystania document.write jak inni sugerują, bo jeśli będzie otwarcie takiego okna dwukrotnie swoją HTML zostanie powielona 2 razy (lub więcej).

Zastosowanie innerHTML zamiast

var win = window.open("", "Title", "toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=780,height=200,top="+(screen.height-400)+",left="+(screen.width-840)); 
win.document.body.innerHTML = "HTML"; 

Answer 4

Można również utworzyć stronę „example.html”, który ma pożądany html i podać adres URL tej strony jako parametr do window.open

var url = '/example.html'; 
var myWindow = window.open(url, "", "width=800,height=600");