本文介绍了一个使用HTML和JavaScript创建的简单网页应用实例。该应用包含按钮操作来最小化、最大化和关闭窗口的功能，并允许用户通过点击“添加文本”按钮来动态插入文本框。此示例展示了基本的DOM操作及如何利用JavaScript来增强HTML页面的交互性。
<html>
<head>
<script language="JavaScript"><!--
function Expand(){
var filenum = 2;
file.insertAdjacentHTML('BeforeEnd','<br>文本框 <input type="text" name="File' + filenum + '">');
filenum++;
}
//--></script>
</head>
<body>
<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Minimize"></object>
<object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Maximize"></object>
<OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM NAME="Command" VALUE="Close"></OBJECT>
<input type=button value=最小化 onclick='hh1.Click()'>
<input type=button value=最大化 onclick='hh2.Click()'>
<input type=button value=关闭 onclick='window.close()'>
<input name="" type="button" value="添加文本" onClick="Expand()">
<div id=file>
文本框 <input type="text" name="File1">
</div>
</body>
</html>
<head>
<script language="JavaScript"><!--
function Expand(){
var filenum = 2;
file.insertAdjacentHTML('BeforeEnd','<br>文本框 <input type="text" name="File' + filenum + '">');
filenum++;
}
//--></script>
</head>
<body>
<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Minimize"></object>
<object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Maximize"></object>
<OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM NAME="Command" VALUE="Close"></OBJECT>
<input type=button value=最小化 onclick='hh1.Click()'>
<input type=button value=最大化 onclick='hh2.Click()'>
<input type=button value=关闭 onclick='window.close()'>
<input name="" type="button" value="添加文本" onClick="Expand()">
<div id=file>
文本框 <input type="text" name="File1">
</div>
</body>
</html>
扫一扫
243
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
