8.16第三天学习内容

第三天 js

HTML:页面的标签的解析,以及前端的规范问题

div+css:对整个前端的布局。以及样式的设置。

以上两种是写多少代码则显示多少内容在页面上面,没有任何的逻辑在里面,没有任何运运算参与。

Javascript:是前端的高级编程,实现前端的逻辑控制。

Javascript特点:

1、简单易学。

2、是一门轻量级的脚本语言。

脚本语言:不需要编译器进行编译就能够运行的一门语言,脚本语言只需要一个解析器即可运行。

Javascript组成:

ECMAScript:定义了js的语法规则。js的基础

DOM:文本操作,document

BOM:浏览器操作,window

JavaScript语言和Java语言的联系:这两门语言没有任何的关系,唯一可以看出有点关系,就是有四个字母相同。

Javascript的学习内容:

1、输入输出。

2、变量

3、数据类型

4、数组

5、函数

6、对象

1、js的输入:

语法:prompt(“请输入内容”);

2、js的输出,有三种方式:

1、浏览器以弹出框的形式进行输出。

语法:alert(“输出的内容”);

2、在浏览器body页面的位置输出内容

语法:document.write(“输出内容”);

3、在浏览器的控制台进行输出;注意:程序员必用!!!

语法:console.log(“在控制台输出内容”);

变量:可以改变的量。

变量值是由var 修饰的自定义的名称

比如:var abc     其中:var 表示定义变量的关键字,abc:表示自定义的变量。abc=4,如果做了赋值操作,则从这之后, abc代表的就是4

定义变量的三种方式:

方式1:定义一个变量,并且赋初始值

方式2:先定义,再赋值

方式3:不用定义,直接复制。

数据类型:是针对我们的变量值来说的,一个变量值肯定有相对应的数据类型

数据类型的种类:

1、数字:number

2、字符串:string

3、布尔:boolean:值只有两个,一个true,一个false

4、数组

5、对象(object)

6、null

7、未定义(undefined)

运算符:算术运算符,比较运算符  ,逻辑运算符

算术运算符:加(+)、减(-)、乘(*)、除(/)、取余(%)、自运算(自增,自减)++    --

自运算:当++在变量的前面的时候,则先增加1,再使用,当++在变量的后面的时候,则是先使用再增加1

js分支结构:

比较运算符:大于(>),小于(<),等于(==),大于等于(>=),小于等于(<=),不等于(!=),绝对等于(===),绝对不等于(!==)。

10  >  12   结果:错误false

10 < 11    结构:正确true

10 == 11    结果:错误false

绝对等于:不但数据要一致,数据类型也 必须一致,才能够表示true

分支结构:

语法:

如果真则执行if里面的语句,否则执行else里面的语句。

if(判断语句){

如果判断语句为真,则执行语句;

}else{

当判断语句不为真,为假,则执行执行语句;

}

分支语句的第二种情况:不止两种选择。

if(判断语句){

执行语句;

}else if(判断语句){

执行语句;

}else if(判断语句){

执行语句;

}else{

执行语句;

}

逻辑运算符:

&&  与运算

||    或运算符

!     非运算 

if(判断语句1   &&    判断语句2)

必须两遍都为true,则整个if表达式才能为真,如果有一边为false,则整个表达式都为false

if(判断语句1   ||   判断语句2)

或运算:只要有一个为真,则整个if表达式都为真,只有两个条件同时为false的时候, 才为false;

与运算和或运算简单记忆:如果是与运算,同时为真才能为真,其余情况,全部为假,如果是或运算,全部为假才能为假,其余情况,全部为真。

猜你喜欢

转载自www.cnblogs.com/daixing-woniu/p/9501524.html