• Javascript的作用

表单验证，减轻服务器压力
添加页面动画效果
动态更改页面内容
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》