| | | 疯狂程序2001——动态JS程序二例 | | 2001-06-21·
·张鸣··yesky
| 1 2 3 下一页 自从开始问津JAVASCRIPT语言以来，已经撰写了好几篇关于此类的文章。虽然每次写的程序都不同，但每次起笔的心情都是一样的，都那么得欣喜若狂。虽然我的一位好友认为JAVASCRIPT太简单，没有必要多加研究，然而笔者却不敢苟同。因为JAVASCRIPT的魅力实在令人无法抗拒，再且说学编程语言一定要学到象金庸笔下的乔峰那般，一套普通的降龙十八掌便能独霸武林。好了，废话不多讲了现在进入正题。
今天笔者要介绍的是基于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的字符值
}
＜/script＞
＜/p＞
＜/body＞
＜/html＞ |
程序实现的动态效果：
这段程序所实现的是键盘与网页之间对话的动态效果，简单地说，就是用户在浏览此网页时只要在键盘上输入若干字母或数字，然后再点击网页中"看看输入了哪些字母"的按钮，于是所有输入的字母或数字便显示在新网页上了。听上去难以理解，不要紧，COPY下来试试，马上就会有感性认识了！
程序中的注意事项：
这段程序其实并不复杂，但有一点我希望各位网页制作的爱好者能够注意，那就是"＜body bgcolor="#FFFFFF" onkeypress="presskeyboard()"＞"中的onkeypress="presskeyboard()"这一句千万不要乱改，否则动态效果将无法实现。另外，关于JAVASCRIPT程序的详细解释请看"//"后面的文字。
1 2 3 下一页 | | | 感谢
访问天极网，如果您觉得该文章涉及版权问题，请看这里！
|
|
