博客首页 » Web 从零开始 - JavaScript动态控制
发布于 07 Jul 2015 08:46
标签 blog
我们经常在网页表单上看到动态检查之类的控制,还有更加复杂的操作,这是通过JavaScript办到的。
JavaScript动态控制
JavaScript是一种语言,具体语言的系统讲解会比较复杂。在这里,我们只做最基础的说明。
计算机语言,是用特定格式的英语和符号,来控制计算机执行我们的命令的工具。
我们还是举一个例子。我们上一次的搜索表单里,如果没有内容,那么搜索是没有意义的,我们加上了这个没有内容时停止搜索的检查:
<!doctype html> <html> <body> <form action="http://baidu.com/s" target="_top" onsubmit="return onSubmit()"> <input id="keyword" type="text" name="wd" value=""/> <input type="submit" value="搜索"> </form> </body> <script> function onSubmit() { var keywordInput = document.getElementById("keyword"); if (keywordInput.value.length <= 0) { alert("关键词没有输入,请输入关键词。"); return false; } } </script> </html>
执行效果在这里:
其中function onSubmit() 是定义一个叫onSubmit的子程序,{}之间的是子程序的内容。子程序,在JavaScript中,一般统称叫做函数。
如果你的英文有一定基础,那么可以读懂下面这样的话吧:
if (keywordInput.value.length <= 0) { alert("请填写搜索关键字内容"); return false; }
if | 如果… 那么 |
keywordInput | 搜索关键字输入框 |
. | 的 |
value | 值 |
. | 的 |
length | 长度 |
<= | 小于或等于 |
0 | 零 |
{} | 括起来的一段话 |
alert | 调用,“报告”这个子程序 |
return | 返回 |
false | 假/错误 |
连起来
如果输入框的只的长度,小于等于零,那么就返回假/错误。
是什么意思呢?也就是说关键词搜索框的没有内容,那么就触发报告一段话,然后返回假/错,也就是报告错误,停止submit。
本页面的文字允许在知识共享 署名-相同方式共享 3.0协议和GNU自由文档许可证下修改和再使用,仅有一个特殊要求,请用链接方式注明文章引用出处及作者。请协助维护作者合法权益。
系列文章
文章列表
- Web 从零开始 - JavaScript动态控制
这篇文章对你有帮助吗,投个票吧?
留下你的评论