动态JS程序二例

          动态JS程序二例    (转自yesky)
　　
　　今天笔者要介绍的是基于JAVASCRIPT语言的二例动态程序(或者说JAVASCRIPT实现的二种动态效果)。说到网页动态，有很多朋友不是很了解其含义，其实对于"网页动态"的理解就笔者认为无非是键盘与网页之间的对话，输入框与网页之间的对话，网页与网页之间对话等，本文主要介绍的是如何实现键盘与网页之间的动态效果，至于其他几方面以后有空再聊。(另注：由于JAVASCRIPT动态程序的性质所决定，本文所涉及的两程序将结合网页来讲解。)
　　一．字母输入程序(网页源代码中粗体字部分是JAVASCRIPT程序)
　　网页源代码：
＜html＞
＜head＞
＜title＞字母输入程序＜/title＞
＜meta http-equiv="Content-Type" content="text/html; charset=gb2312"＞
＜/head＞
＜body bgcolor="#FFFFFF" onkeypress="presskeyboard()"＞
＜p align="center"＞＜font size="5" color="#0099FF"＞这是一个很酷的字母输入程序，还不赶快抄下来！＜/font＞＜/p＞
＜p＞ ＜/p＞
＜p＞
＜input type="button" name="Button" value="看看输入了哪些字母" onclick="onbutton()"＞
＜script language="Javascript"＞
var charremember="" //自定义程序字母变量charremember，变量类型为字符变量
function onbutton() //自定义程序运行的操作函数onbutton
{if (charremember=="") //设置条件语句，如果程序字母变量为空的话
{document.write("你没有输入字母，请重新输入！") //那么网页上显示文字为"你没有输入字母，请重新输入！"
return true
}
else {document.write(charremember) //否则把字母变量charremember中的值赋予运行操作函数，同时在网页上显示出来
}
}
＜/script＞
＜script language="Javascript"＞
function presskeyboard() //设置键盘运行操作对象函数
{
charremember=charremember+String.fromCharCode(window.event.keyCode) //键盘值赋予上面的字母变量，作为charremember的字符值
}