[Web] 从零开始 - JavaScript动态控制

博客首页 » 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动态控制

这篇文章对你有帮助吗,投个票吧?

rating: 0+x

留下你的评论

Add a New Comment