第三天 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;
与运算和或运算简单记忆:如果是与运算,同时为真才能为真,其余情况,全部为假,如果是或运算,全部为假才能为假,其余情况,全部为真。
原文地址:https://www.cnblogs.com/daixing-woniu/p/9501524.html