分類
Javascript

動態寫入popup視窗內容

在利用瀏覽器發出提示訊息時, 可以利用 window.alert(‘message’); 的方式來進行, 但功能過於單調而能呈現的效果較少, 若是要呈現一些圖片或較多的訊息時, 可以利用 popup 視窗的方式(不過要注意快顯封鎖問題).

接下來我們來看一下如何利用 popup 視窗來動態產生訊息.

利用 window.open 開啟一個新的視窗, 利用傳回的視窗實體, 進行對該視窗的文件(document)開啟並進行寫入內文的動作. 整理測試的程式碼如下:

<script>
var popwin = window.open("", "", "top=10,left=10,width=250,height=250");
popwin.document.open();
popwin.document.write("this is a test text<br>");
popwin.document.write("this is second line<br>");
popwin.document.close();
</script>