Mở cửa sổ bằng JavaScript được chèn HTML

Question

Làm cách nào để mở một cửa sổ mới bằng JavaScript và chèn dữ liệu HTML thay vì chỉ liên kết đến tệp HTML?

Answer 1

Bạn có thể sử dụng window.open để mở cửa sổ/tab mới (theo cài đặt trình duyệt) trong javascript.

Bằng cách sử dụng document.write bạn có thể viết nội dung HTML vào cửa sổ đã mở.

Answer 2

Khi bạn tạo cửa sổ mới bằng cách sử dụng open, nó trả về tham chiếu đến cửa sổ mới, bạn có thể sử dụng tham chiếu đó để ghi vào cửa sổ mới mở thông qua đối tượng document.

Dưới đây là một ví dụ:

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

Answer 3

tôi sẽ không khuyên bạn sử dụng document.write như những người khác đề nghị, bởi vì nếu bạn sẽ mở ra cửa sổ như vậy hai lần HTML của bạn sẽ được nhân đôi 2 lần (hoặc nhiều hơn).

Sử dụng innerHTML thay

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

Bạn cũng có thể tạo một trang "example.html" trong đó có html mong muốn của bạn và cung cấp cho url của trang đó là tham số để window.open

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