1、 html+css 只是可以实现静态的页面无法实现动态的效果
2、表单的校验
3、背景图片的更换
4、操作节点的信息
JavaScript 一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型
ECMAScript： JavaScript的核心
文档对象模型（DOM）： DOM（文档对象模型）是HTML和XML 的应用程序接口（API）。DOM将把整个页面规划成由节点层级构成的文档浏览器对象模型（BOM）对浏览器窗口进行访问和操作
脚本语言是一种简单的程序， 是由一些ASCII字符构成，可以使用任何一种文本编辑器编写。一些程序语言（如C、 C++、 Java等）都必须经过编译，将源代码编译成二进制的可执行文件之后才能运行，而脚本语言不需要事先编译，只要有一个与其相适应的解释器就可以执行。
脚本语言是指在web浏览器内有解释器解释执行的编程语言，每次运行程序的时候，解释器会把程序代码翻译成可执行的格式。
基于对象的语言面向对象有三大特点（封装，继承，多态）qu一不可。
通常“基于对象”是使用对象，但是无法利用现有的对象板产生新的对象类型，也就是说“基于对象” 没有继承的特点。没有了继承的概念也就无从谈论 “多态”
事件驱动：在网页中执行了某种操作的动作，被称为“事件”(Event)，比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后，可能会引起相应的事件响应。
简单性变量类型是采用弱类型， 并未使用严格的数据类型。 var a,b,c; a=123; b=“abc”; a=b;
安全性JavaScript不能访问本地的硬盘，不能将数据存入到服务器上，不能对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互
跨平台性JavaScript依赖于浏览器本身，与操作平台无关，只要计算机安装了支持JavaScript 的浏览器（装有JavaScript解释器）， JavaScript 程序就可以正确执行。
缺点 各种浏览器支持JavaScript的程度是不一样的，支持和不完全支持JavaScript的 浏览器在浏览同一个带有JavaScript脚本的网页时，效果会有一定的差距，有时甚至会显示不出来。【1】 JS中变量的声明 var 变量名=值；
【2】 JS中变量的使用注意的事项 A、 js中的变量的名称和java中标识符的命名保持一致就可以了。 B、 js中变量名称是可以重复的，但是后者的名称会把前者的名称值覆盖 C、 js中末尾即使没有分号结束也是可以的，但是不推荐大家这样书写。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script> var a =1; var b ="2"; var c ="你好"; var d=true; var e=new Date(); var f='5'; var z=1.32; var a=123; alert(a); </script> </head> <body> </body> </html> <!-- js中的变量 【1】JS中变量的声明 var 变量名=值； 【2】JS中变量的使用注意的事项 A、js中的变量的名称和java中标识符的命名保持一致就可以了。 B、js中变量名称是可以重复的，但是后者的名称会把前者的名称值覆盖 C、js中末尾即使没有分号结束也是可以的，但是不推荐大家这样书写。 -->基本数据类型 number（数字类型的数据） string（字符串类型） boolean（布尔数据类型） object（对象类型）
JS 中特殊数据类型 undefined(未定义) NaN(不是一个数字) not a number null(空对象)
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script> var a=1; var b=1.2; var c='你'; var d="我们"; var e=true; var f=new Date(); // alert(typeof f); var aa; // alert(typeof aa); var bb="123a"; // alert(Number(bb)); var cc=null; var dd=""; alert(typeof cc); </script> </head> <body> </body> </html> <!-- JS中的数据类型 number（数字类型的数据） string（字符串类型） boolean（布尔数据类型） object（对象类型） JS中特殊数据类型 undefined(未定义) NaN(不是一个数字) not a number null(空对象) -->算数运算符
/ % + - ++ --
逻辑运算符
& | ！ && || ^ < > <= >= !=
连接符 ＋
特殊运算符
(==)等值符 先比较类型 如果类型一致，在比较内容如果类型不一致， 这时候会进行强制转换统一转number类型， 然后再进行内容的比较
(===)等同符先比较类型 如果类型一致，在比较内容如果类型不一致 直接返回false；
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script> var a=10; var b=12.7; // alert(a+b);//22.7 var c="123"; // alert(a+b+c); var d=true;// true ---1 false---0 var e=1; // alert(d+e); var f1=true;// 1 var f2="true";// NAN var f3=1;//1 var f4="1";//1 /*alert(f1==f2);//F alert(f1==f3);//T alert(f1==f4);//T alert(f2==f3);//F alert(f2==f4);//F alert(f3==f4);//T*/ alert(f1===f2);//F alert(f1===f3);//F alert(f1===f4);//F alert(f2===f3);//F alert(f2===f4);//F alert(f3===f4);//F </script> </head> <body> </body> </html> <!-- JS中的运算符 算数运算符 + - * / % ++ -- 逻辑运算符 & | ! && || ^ < > ＜＝ ＞＝ ！＝ 连接符 ＋ 特殊运算符 (==)等值符 先比较类型 如果类型一致，在比较内容 如果类型不一致，这时候会进行强制转换统一转number类型，然后再进行内容的比较 (===)等同符 先比较类型 如果类型一致，在比较内容 如果类型不一致 直接返回false； -->条件语句
if(){} if(){}else{} if(){}else if(){} else if()...else{}分支语句（选择语句） switch(){ case value: break; default: break; } 循环语句
while(){} do{}while() --- 至少执行一次循环体 for(var i =0 ； i<10;i++){}