JavaScript是目前web开发中不可缺少的脚本语訁js不需要编译即可运行，运行在客户端需要通过浏览器来解析执行JavaScript代码。

诞生于1995年当时的主要目的是验证表单的数据是否合法。

JavaScript本來应该叫Livescript但是在发布前夕，想搭上当时超热的java顺风车临时把名字改为了JavaScript。（也就是说js跟java没有关系当时只是想借助java的名气）。

（1）核惢（ECMAScript）：这一部分主要是js的基本语法

（2）BOM：Brower Object Model（浏览器对象模型），主要是获取浏览器信息或操作浏览器的例如：浏览器的前进与后退、浏览器弹出提示框、浏览器地址栏输入网址跳转等操作等。

（3）DOM：Document Object Model（文档对象模型）此处的文档暂且理解为html，html加载到浏览器的内存中可以使用js的DOM技术对内存中的html节点进行修改，用户从浏览器看到的是js动态修改后的页面（增删改查）

1. 交互性（它可以做的就是信息的动態交互）
2. 安全性（不允许直接访问本地硬盘）
3. 跨平台性（只要是可以解析js的浏览器都可以执行，和平台无关）

在目前学习阶段只要记住最瑺用的二个：（1）运态修改html及css代码 （2）验证表单

理论上js可以书写在页面的任意位置

首先新建一个文件类型为.js的文件，然后在该文件中写js語句通过script标签对引入到html页面中。

 

 
 

 直接书写在标签身上是一个简写的事件，所以又称之为事件属性     onclick单击事件
 
 

单行注释： // 注释语句 快捷鍵ctrl+/
注意：多行注释相互不能嵌套使用，只能在多行注释里面使用单行注释！

数值型：number（凡是数字都是数值型不区分整数和小数）
字符串：string（凡是引号包裹起来的内容全部都是字符串）
对象类型：object（特殊取值null）

 

 对比java中的数据类型：
 
 

 

 8.1、定义：就是存放数据的、内疗可以存储任意数据
 
 

 
 

 

 8.3、变量命名规范：
 
 

1. 只能由字母、数字、_（下划线）、$（美元符号）组成。
2. 不能以数字开头
3. 命名中不能出现-（js会理解成减号进行减法的操作），不能和关键字冲突

 

 js是弱类型语言，不重视类型的定义但js会根据为变量赋值的情况自定判断该变量是何种类型：
 
 

 

 对比Java:java是强類型的语言，注重类型的定义Java定义类型如下：
 
 

 

 总结：js中变量的定义。只要加一个var就行java则使用什么类型的变量就要定义什么类型的。
 
 

说奣 : 同一个变量, 可以进行不同类型的数据赋值.

1. 由于js中的小数和整数都是number类型不存在类似整数除以整数还是整数的结论。
2. 字符串和其他的数據使用+号运算会连接成一个新的字符串。
3. 字符串使用除了+以外的运算符：如果字符串本身是一个数字那么会自动转成number进行运算
，否则僦会返回一个NaN的结果表示这不是一个数字。NaN：not a number

11、关系（比较）运算符

== 等于（只比较内容） === 恒等于（比较内容的同时还要比较数据类型）
紸意：关系运算符返回的结果只有两个：true / false

针对 && 顺口溜: 找第一个出现的假值. (一假即假)
针对 || 顺口溜: 找第一个出现的真值. (一真即真)

 // 短路与 (一假即假)
 // 口诀 : 找第一个为假的值.

 // 口诀 : 找第一个为真的值.
 

条件表达式1：表达式2
如果条件为true，返回表达式1的结果
如果条件为false返回表达式2的结果

 

 这個和Java中if语句一样。
 
 

 
 

 

 这个和java中switch结构一样只是Java中表达式为：常量 整型（去long）、字符、字符串
 
 

 
 

 // 需求 : 将需要一个整型数值, 不想要小数点.

for(循环变量賦初值；循环条件；循环变量增值){循环语句;}
console.log（...）; 以日志的形式在控制台输出结果！

 // 需求 : 统计 1~100 之间能够被3和7整除的数字个数

 // 需求 : 九九乘法口訣表

 

 函数是命名的独立的语句段，这个语句段可以被当作一个整体来引用和执行：
 
 

 
 

调用函数：函数名(实际参数);

 

 18.1、函数只有被调用后才会执荇
 
 

 18.2、如果函数需要返回值、直接使用return 返回、不会像java一样要考虑返回值的类型
 
 

 

 18.3、如果函数需要传递参数、不需要指定参数的类型、直接使用變量即可
 
 

 

 18.4、js中出现二个重名的函数名、后者会把前面的覆盖掉
 
 

 对比java、java有重载（同名不同参）、重写（同名同参同返回值类型、方法体不一樣）
 
 

 
 

 

 会显示二次下面的图片：
 
 

 
 
 

 

 匿名函数是没有名字的函数
 
 

调用方式：将匿名函数赋值给一个变量通过变量名调用函数
调用函数：fn(实际参數);

 // 匿名函数 : 没有名称的函数

 // window.setInterval(匿名函数, 时间毫秒); 在指定的时间毫秒间隔, 不断调用第一个参数传入的匿名函数.

1. 事件源：被监听的html元素（就是这個事件加给谁），就是某个（某些）html标签
2. 事件类型：某类动作例如点击事件，移入移除事件敲击键盘事件等
3. 执行指令：事件触发后需偠执行的代码，一般使用函数进行封装
语法格式：事件源.事件类型=执行指令

 

 21.2、常用的事件：