Abrir ventana en JavaScript con HTML insertado

Question

¿Cómo abriría una nueva ventana en JavaScript e insertaría datos HTML en lugar de simplemente vincular a un archivo HTML?

Answer 1

Puede usar window.open para abrir una nueva ventana/pestaña (según la configuración del navegador) en javascript.

Al usar document.write puede escribir contenido HTML en la ventana abierta.

Answer 2

Cuando crea una nueva ventana usando open, devuelve una referencia a la nueva ventana, puede usar esa referencia para escribir en la ventana recién abierta a través de su objeto document.

Aquí se muestra un ejemplo:

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

Answer 3

yo no le recomendaría a utilizar document.write como otros sugieren, porque si va a abrir dicha ventana dos veces se duplicará su HTML 2 veces (o más).

Uso innerHtml lugar

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

También puede crear una página de "example.html", que tiene su html deseado y darle la dirección URL de esa página como parámetro a window.open

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