一 介绍
借助document对象的open和write方法,可以动态生成一个页面。
二 代码
<!DOCTYPE html> <html> <head> <meta name="author" content="Yeeku.H.Lee(CrazyIt.org)" /> <meta http-equiv="Content-Type" content="text/html; charset=GBK" /> <title> 动态页面 </title> </head> <body> <script type="text/javascript"> // 计数器 var n = 0; var win = null; // 用于显示弹出窗口显示提示信息的函数 var show = function(msg) { // 判断弹出窗口是否为空 if ((win == null) || (win.closed)) { // 打开一个新的弹出窗口 win = window.open("","console" ,"width=340,height=220,resizable"); // 将弹出窗口的文档打开成一个text/html文档 win.document.open("text/html"); } // 让弹出窗口得到焦点 win.focus(); // 在弹出窗口装载的文档中输出信息 win.document.writeln(msg); } </script> <!-- 激发事件的按钮 --> <input type="button" value="单击" οnclick="show('您单击了按钮:' + ++n + '次。<br/>');"> </body> </html>
三 运行结果