JS知识点和案例

一、JS简介
ECMAscript 是JAVA Script 的标准
ES==JS
ES是标准 JS是实现
JS 有三部分组成：ESMAscript DOM(文档的规范)Docnment BOM（浏览器的规范）Browser
JS是脚本语言和解释性语言，动态语言
JS的特点：1不用编译，直接运行2
C语言是由. 变成. 变成.
Java语言是由. 变成. 变成.
JS 类似于c.java、是动态语言（变量的值任意可改变）、是基于原型的面相对象。
JS因为是解释型的语言但是运行较慢（查为什么）
答：1.源代码不能直接翻译成机器语言，而是先翻译成中间代码，再由解释器对中间代码进行解释运行；
2. 程序不需要编译，程序在运行时才翻译成机器语言，每执行一次都要翻译一次；
二、JS语法
JS的命令代码写在标签中，在部分里面编写
——type:text/javascript
——script:引入外部JS文件，写文件地址
输出语句：console.log 控制台显示
Alert 提示框
Document.write 在本页面显示
JS是严格区分大小写的
单行注释 //注释内容 多行注释 /*注释内容
JS标识符不能以数字开头，他由字母、数字、下划线和美元符号（$）组成
ESCMAScript标识符采用驼峰命名法，第一个字母小写之后每个单词的首字母大写
三、变量and常量
变量是可以改变的量，常量不占内存（动态分配内存，静态分配内存）
变量的生命 var
四、数据类型
字符型（string）布尔型（boolean）数值型（number）undefind（用于指定变量尚未赋值）
这五种之外的类型统称为object类型
字符串引号使用规则：双引号不嵌套双引号，单引号不嵌套单引号，双引号里可以嵌套单引号。
/n 换行
// 斜杠
/t 制表
/’ 单引号
/b 空格
/” 双引号
/r 回车
Number数据类型
Number类型的数字大小是有限的，范围是
± 1.7976931348623157e+308
如果超出了这个范围，则会返回± Infinity
Nan,即非数值（not a number）是一个特殊的数值
Typeof 用于测试数据类型 例：console.log(typeof a);会在控制栏中输出变量a的数据类型。
Console.log(number.min_value)输出number类型的最小值
Console.log(number.max_value)输出number类型的最大值
Undefined:未定义或者不赋值的时候显示的都是未定义
从语义上看null表示的是一个空的对象，所以使用typeof检查null会返回一个object。
undefined值实际上是由null值衍生出来的，所以如果比较 undefined和null是否相等，会返回true

案例1：显示提示文字
代码：

运行结果：
实现当鼠标放上文字之后会弹出提示文字“不要在网吧”，鼠标移开则会消失
案例2：变化图形大小
代码：

运行结果：
实现鼠标放到图形上，图形的宽和高都会变大，并且颜色发生改变，鼠标移开变回原始图形。
案例3：实现换肤效果
代码

运行结果：