1 案例1--表单校验案例
1.1 需求介绍
当表单提交的时候,对用户在表单中填写的信息进行校验,如果信息合法则可以让表单提交,如果不合法,则阻止表单提交;
1.2 技术分析
1:当xxx的时候,做xxx的事情;需要学习javascript中的事件操作;
2:获取用户填写的信息;需要使用javascript的获取信息的方法完成;
3:使用javascript中的逻辑判断语句,可以完成判断的需求;
4:使用javascript的事件可以控制表单的提交与否;
1.3 JavaScript概述
Javascript是一种脚本语言,javascript是一个弱类型的,依赖html的语言;由浏览器运行html文件的时候,直接运行javascript代码;
Javascript与java的区别:
1: 仅仅是名字相似而已,是两种编程语言;
2: java是面向对象的语言,javascript是基于对象的语言;
3: javascript的语法不严谨;当语法出错的时候,仅仅是停止运行,在浏览器上看不到任何效果;
1.4 JavaScript的作用
1:javascript可以对html的表单进行控制数据校验;
2:javascript可以对html的文档进行操作;
3:javascript可以配合css对html的样式进行动态的控制;
1.5 Javascript的组成
有3部分组成:
1:ECMAScript javascript的核心语法部分;
2:BOM对象 浏览器对象模型
3:DOM对象 DOM对象
1.6 Javascript的基本语法
1.6.1 Javascript与html的结合方式
1:内联式:
在html页面的html标签中的任意位置,使用<script>标签嵌套起来,即可编写javascript代码;
2:外联式:
单独编写一个后缀名为.js的文件,在html页面中通过<script>标签引入即可;
1.6.2 Javascript的输出语句
1: 在javascript中(简称js)使用 alert(数据);的方式,可以弹出一句话;
2: 在js中可以使用document.write(数据)的方式向浏览器页面输出一句话;
1.6.3 Javascript的注释
在js中有两种注释:
// 单行注释
/**/ 多行注释
1.6.4 Javascript的数据类型(了解)
基本数据类型(原始数据类型):
Number,Boolean,Undefined,String,
对象数据类型(引用数据类型):
数组(Array),对象(Object),Null
1.6.5 Js的变量
定义格式:
var 变量名 = 数据值;
1.6.6 Js中判断变量的数据类型(了解)
在js中使用typeof方法可以判断一个变量的数据类型;返回值是一个小写的数据类型的名称;
1.6.7 Js的运算符
Js的运算符多数是与java一样的;
1:算术运算符:
+ - * / % ++ --
2:逻辑运算符;
都一样 && || !
3:比较运算符;
> < >= ....
有一个不一样: ===代表全比较(既要比较数据值也要比较数据类型) == 仅比较数据值,不比较数据类型
4:赋值运算符;
都一样
5:三元运算符;
都一样;
1.6.8 Js中的特殊的等性比较(了解)
此处缺一个图片。
1.6.9 Js中的流程控制语句-- if
在js中if语句语法格式与java一样;
1.6.10 Js的流程控制语句-- switch
在js中switch语句语法格式与java一样;