动态页面

最新推荐文章于 2024-11-10 00:38:31 发布

最新推荐文章于 2024-11-10 00:38:31 发布 · 175 阅读

文章标签：

#动态页面

JavaScript 专栏收录该内容

188 篇文章

订阅专栏

一介绍

借助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>

三运行结果