表单验证，减轻服务器压力 添加页面动画效果 动态更改页面内容 Ajax网络请求（异步加载数据） —它属于前端的核心，主要用来控制和重新调整DOM，通过修改DOM结构，从而达到修改页面效果的目的。
Javascript组成部分ECMAscript,DOM,BOM
ECMscript脚本程序语言语法 标准：语法，变量和数据类型，运算符，逻辑控制语句，关键字，保留字，对象。
Javascript执行原理①浏览器输入发送请求给-> ②：客户端请求包含JS的页面–>③：从服务器端下载含javascript的页面->返回响应①
Jacascript的使用方法简短缩写方式 <input type="button" value="点击" onclick="javascript:alert('哈哈哈')"/> HTML页面内嵌javascript代码 <head> <meta charset="UTF-8"> <title>JS使用方式2，内部JS</title> <script type="text/javascript"> //声明一个函数 function surprise(){ alert('哇哈哈') } </script> </head> 外部javascript文件 <script src="../../test.js" type="text/javascript" charset="utf-8"> </script>
Javascript变量的声明 -先声明变量在赋值 用var width; width=8; var – 于声明变量的关键字 width – 名变量名 同时声明和赋值变量 var catName=”皮皮”； var x,y,z=8; 不声明直接赋值 width=6;
变量名的命名规则 -使用字母，数字，下划线，$符号这四种方式 数字可以出现在名字当中，但是不能出现在第一个位置 区分大小写 关键字不能作为变量的名称
数据类型 - undefined ---未定义 Null ---（）null boolean ---布尔值 （true和false） number ---（整型和浮点型 NaN：非数值（not a number） isNaN:用来判断这个值到底是不是NAN 转换函数 number():转换任何类型 parselnt():将字符串转换为 数值 parseFloat():将字符串转换为数值） srting ---字符串 object(复杂数据类型) ---对象或NULL function ---函数 表达式 - 运算符、变量、常量、函数构成的算是 表达式类型取决于运算结果 运算符 +、、*、/、%、++、-- 赋值运算 = += -= *= /= %= 关系运算 ==、！=、>、<、>=、<= 条件运算符（多目运算） a>b?true:false位运算符、逻辑运算符 &、|、~ &&、||、！ 位移运算符 <<带符号左移、>>带符号右移、>>>无号右移
Javascript学习路线： - A：js基础部分，如：定义变量、函数、数组、字符串等的处理，内置函数、内置对象等； B：js面向过程编程思想，封装出各个函数，试着用这些去做一些常见的小功能，如：选项卡、自定义多选按钮、自定义播放器、3D幻灯片； C：js面向对象编程思想，试着去封装一些你自己的对象，提供出有意义的接口出来； D：学了上述的内容，然后学常用的库，这里必须学jquery； E：学基于jquery之上的常见插件，如：bootstrap，Layer，富文本编辑器等； F：综合应用上面的多种库写实际项目的模板，多写几套。 Javascript学习推荐书籍Javascript推荐书籍 《JavaScript DOM编程艺术》 《JavaScript权威指南》 《javaScript DOM高级程序设计》 《JavaScript设计模式》 《锋利的jquery》
学习路线预推荐书籍引用自作者 ：宁哥1455153071 文章地址：-http://www.jianshu.com/p/cba0eeba2371 <怎么轻松学习javascript>