动态页面

来源:互联网 发布:云创客软件骗局揭秘 编辑:程序博客网 时间:2024/05/29 17:39

一 介绍

借助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="单击" onclick="show('您单击了按钮:' + ++n + '次。<br/>');"></body></html>
 
 
三 运行结果


 
  • 大小: 7.3 KB
  • 查看图片附件
原创粉丝点击