day08-javascript

javascript 让网页更像一个应用程序

做什么
1.网页动态特效
2.编写js应用程序
3.表单验证，减轻服务器的压力

javascript语法可以编写在html内或者单独创建一个后缀为.js
的文件，再引入到网页中使用。
1.在网页的任意一个地方<script></script>标签内写js代码
,考虑代码的加载执行顺序
2.外部js文件，在网页的任意一个地方
<script src="js文件的路径"></script>

javascript语言的组成部分
变量、代码块、函数、逻辑控制语句、运算符、DOM、BOM、ECMScript、数据类型 ......

变量：存储数据的容器

内存-----酒店
变量-----房间
数据类型-房间类型 --js中由于容器不区分类型，而是在赋值后才能判断变量的类型
变量名---房间号
数据-----入住的客人

使用变量
1.声明，创建变量(相当于创建一个容器)
var 变量名;

变量名命名规则
英文字母，数字，下划线，$组成
只能英文，下划线，$符号开头
后面结合数字等使用，或者以驼峰命名规则，不能用其他符号
取名尽量具有意义(多个单词组成，从第二个单词首字母开始，往后每个单词首字母都大写)
不可以使用关键字，保留字(系统)
变量名唯一

2.给变量赋值 ，使用赋值运算符 =
var 变量 = 数据值;

也可以一次性声明多个变量
var 变量1，变量2，变量3....
var 变量1=xx，变量2=xxx，变量3=xxx;

不同的数据赋值的方式不同
如果是数值类型直接赋值，如果是字符串需要在内容上加上双引号

3.使用变量，直接使用变量名就相当于在用变量里的数据
javascript提供的系统自带的函数（功能）
alert(提示的消息字符串或者可以是一个变量) 弹出一个带有确认的消息提示框
typeof(数据或一个变量名):用来检测该数据（变量）的类型，并且把类型以一个字符串返回，返回的值可以用变量接收或者直接使用

数据类型
1.number 数值型,小数，整数
2.string 字符串类型 a、A、中、*、？ 这些都称为字符，由多个字符组成的称为字符串
3.boolean 布尔类型,只有真和假 true false
4.null（object对象类型）
5.underfined 未知，未定义
6.function 函数类型

运算符
赋值运算符 =
算数运算符 + - * / % ++ -- ( )
++用来自增，如果写在变量后面表示执行这行完后才+
如果写在前面就先加,当前行就生效

比较运算符 > < >= <= == ===
逻辑运算符 && || !
! 取反，或者！=
&& 与 两边各有一个表达式,两个表达式都返回true最终表达式结果为true，只要有一边为false就为false.如果左边表达式为false则不执行右边的表达式

|| 或者 两边只要有一边为true表达式就为true。如果左边表达式满足true，就不执行右边的

（）> 算术 > 比较 > && > || > = > !

prompt(提示文字，初始值)用来弹出一个带有确认和取消按钮，并且有文本输入框的提示框
点击确认按钮的时候：这个函数会返回输入的值
点击取消按钮：返回null
不管输入什么类型的数据，最终都当成字符串返回

isNaN(变量或者值) 判断括号内的是否是非数字，是非数字就返回true，是数字就返回false

类型转换
parseInt(字符串类型的数据或变量) 把字符串类型的数字变为整数类型
parseFloat(字符串类型的数据或变量) 把字符串类型的数字变为浮点型

逻辑控制语句
if:用来判断一个程序执行的两种不同的情况
当小括号内的表达式为true的时候，才执行if内的代码
if(表达式){
要执行的代码
}
//如果程序有另一种否定的情况，需要给if添加else
if(){

}else{

}

if嵌套if
if(){
if(){

}

}else{

}