Javascript ecmascript语法部分

一、Javascript简介与变量

javascript是什么？
基于浏览器
基于面向对象
事件驱动
脚本语言

javascript的作用：
表单验证，减轻服务端的压力
添加页面动画效果
动态更改页面
Ajax网络请求异步加载。

Javascript的组成部分：
ecmascript：语法 ecma5 ecma6 ecma7
dom：document object model 文档对象模型
bom:browser object model   浏览器对象模型

语法标准：

引入js的语法标准

1、行内js

<button οnclick="javascript:alert('hello world')">HellowWord</button>

2、内部js

<script>
    function showhello(){
        alert("你真棒")
    }
</script>

 3.外部js
引入外部
<script src="../../js/first.js"></script>

注： 引入外部js文件时不允许单标签
引入外部js的script中不要编写js代码
 js代码可放在页面任何位置

变量：
var width  width=5
var--用于申明变量
width--变量名
用var修饰的变量是局部变量    不用var申明的变量一般是全局变量。
变量名：
以字母，数字，下划线和￥组成，但是不用数字开头

数据类型
indefined  未定义
null  空 用来定义空对象
boolean 布尔类型  true和alse  true不是1 0也不是false

转换函数：
number():转换任何类型成数值型
parseFloat 把字符串类型转换为浮点型
parseInt 把字符串类型转换为整型

typeof用来检测变量的数据类型
常用的输入输出
alert（）用来弹出提示信息
prompt（）用于在谈粗信息的同时收集信息

二、表达式和运算符

算数运算符：+ - * / % ++ --；

赋值运算符：=

关系表达式：> < >= <= !=
逻辑运算符：&& || !
三目运算符 (表达式)？a：b；

三、条件语句

if语句

语法格式

if（）{

}

if else语句

语法格式

if（）{

}

else（）{

}

if elseif语句

语法格式：

if（）{

}

else if（）{

}

switch语句

语法结构：

switch（常量）{

case  1：表达式一；

case   2：表达式二

..............

}

点状分布：swith
块状分布：if语句

四、循环语句

三大要点：循环变量初始化；循环条件；循环变量的变更

1.while语句

语法结构：

while（）{

循环体；

}

2. do while语句

do{

循环体；

}while（）；

3.for循环；

for（循环变量初始化；循环条件；循环变量的变更）{

循环体；

}

循环嵌套：

嵌套语法：
外层循环执行一次；内层循环执行一遍；

break    跳出当前循环；;
continue  跳过循环体中的剩余语句而执行下一次循环；