day024 JavaScript入门

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一样;