标签：
第一章 JavaScript基础
1.JavaScript只是一种运行于客户端，可以被客户端浏览器解析的一段代码。它和java没有任何关系
2.JavaScript简称JS
3.jQuery是对JS的一个封装，市面上对JS代码进行封装了厂家不止一个，将来大家可能会用到除了jQuery以外的其他厂家的js库，例如ExtJS 或者jquery EasyUI等等。
希望大家掌握的一种能力，而不是知识。
4.
01.js语法
02.定义变量，使用函数
03.js调试
04.逻辑处理
5.3种引入方式
出现在<head>标签中的script:<script>
出现在<body>标签中的script<input type=”button” onclick=”javascript:alert(‘文本呢’);”>
出现在js库中的调用方式<script src=”js名称” type=”text/javascript”>
6. JS常用的数据类型
Undefined（未命名类型）
Number
String
Boolean
Null
object
7.接收用户输入信息
Var num=Prompt(“系统提示信息” ,”默认值”)
8.什么是脚本语言？
解析：脚本语言是区别于编译语言而言的，脚本语言不需要编译就可以直接运行。
9.在页面中使用js的三种方式
<head>
<title></title>
<scriptsrc="js/jquery-1.11.1(uncompress).js"type="text/javascript"></script>
<scripttype="text/javascript">
//alert(‘aa‘);
</script>
</head>
<body>
<inputtype="button"value="提交"onclick="javascript:alert(‘aa‘);"/>
</body>
</html>
10.在js中定义任何变量的类型都是var开头
11.在Java中我给大家说过，sun公司并没有提供直接接收用户从键盘上录入的char类型数据，如果要接收char类型，是先接受一个String类型，然后通过charAt(0)来拿到一个char类型
12.数据类型
Number
String
Boolean
Null
Undefined
Object
13.定义数组
14.字符串的常用属性和方法
15.alert()
16.遍历数组
For(var item in list){
Alert(list[item]);
}
20分钟：
引入：简单介绍JavaScript的发展历史，重点说明JavaScript与ECMAScript的关系，同时告诉学员目前JavaScript语法规则的应用标准。
（一）什么是JavaScript
JavaScript是一种描述性语言，也是一种基于对象(Object)和事件驱动(Event Driven)的，并具有安全性能的脚本语言。
JavaScript语言的特点：
01.JavaScript主要用来向HTML页面中添加交互行为。
02.JavaScript是一种脚本语言，语法和Java相似。
03.JavaScript一般用来编写客户端的脚本。
04.JavaScript是一种解释性语言，边执行边解释。
（二）JavaScript发展史与ECMAScript的关系
简而言之，ECMAScript是一种脚本语言的标准，JavaScript语言就是遵循ECMAScript标准的一种实现。
（三）JavaScript的组成
尽管ECMAScript是一个重要的标准，但它并不是JavaScript的唯一部分。当然，它也不是唯一被标准化的部分
JavaScript组成如下：
ECMAScript
ECMAScript:是一种开放的、国际上广为接受的、标准的脚本语言规范。它不与任何具体的浏览器绑定。ECMAScript标准主要描述了以下内容。
01.语法
02.变量和数据类型
03.运算符
04.逻辑控制语句
05.关键字、保留字
06.对象
浏览器对象模型
浏览器对象模型(Browser Object Model,BOM)，提供了独立于内容与浏览器窗口进行交互的对象，使用浏览器对象模型可以实现与HTML的交互。
文档对象模型
文档对象模型(Document Object Model,DOM)，是HTML文档对象模型（HTML DOM）定义的一套标准方法，用来访问和操纵HTML文档。
（四）JavaScript的基本结构
注意点：01.如果不使用Script标签，浏览器就会将document.write(“”);当做纯文本处理，也就是说会把这条命令本身写到页面上。
02.Script 的位置并不是固定的，可以包含在文档中的任何地方，只要保证这些代码在被使用前已经读取并加载到内存即可。
（五）JavaScript的执行原理
看了这张图片，我们一定要知道一个原理，就是“客户端请求，服务器响应”的模式 。
使用客户端脚本的好处有以下几点：
01.包含JavaScript的页面只要下载一次即可，这样能减少不必要的网络通信。
02.JavaScript程序由浏览器客户端执行，而不是由服务器端执行的，因此能减轻服务器端的压力。
（六）在网页中引用JavaScript的方式
方式一：使用Script标签
方式二：使用外部JavaScript文件
方式三：直接在HTML标签中。
引入：JavaScript和Java、C#一样，也是一门编程语言，也有其对应的语法。
（一）变量的声明和赋值
JavaScript是一种弱类型的语言，没有明确的数据类型，也就是说，在声明变量的时候，不需要指定变量的类型，统一用var关键字。
规范：Js区分大小写，JavaScript的关键字是保留的，不能作为变量名或者函数名。
（二）数据类型
外加一个object
课堂案例：
<scripttype="text/javascript">
varwidth,height=10,name=‘rose‘;
vardate=newDate();
vararr=newArray(); //定义数组
document.write("width::"+typeof (width) +"<br/>");
document.write("height::"+typeof (height) +"<br/>");
document.write("name::"+typeof (name) +"<br/>");
document.write("date::"+typeof (date) +"<br/>");
document.write("arr::"+typeof (arr) +"<br/>");
document.write("true::"+typeof (true) +"<br/>");
document.write("null::"+typeof (null) +"<br/>");
</script>
输出结果如下：
（三）数组
同Java中数组一样，JS中的数组也需要先创建、赋值，再访问数组元素，并通过数组的一些方法和属性对数组元素进行处理。
1.创建数组
语法：var 数组名称=new Array(size);
深入理解：经验证，JS中不写Size，或者是Size的值小，元素多，均不会报错，所以可以将js中的数组当做集合来用。
2.为元素赋值
方式一：
Var fruit=new Array(“apple”,”orange”,”peach”,”bananer”);
//经验：如果有些人不小心将上述语法中的小括号写成了中括号。就是造成
//数组是undefined.
方式二：下标方式
Var fruit=new Array(4);
Fruit[0]=”apple”;
方式三：直接用[]
Var fruit=[“apple”,”orange”,”peach”,”bananer”];
3.访问数组元素
通过下标访问即可。
4.数组的常用属性和方法
数组是JS中的一个对象，它有一组属性和方法
课堂案例：
document.write("数组的常用属性length<br/>");
vararr= ["李小龙","张靓颖","巩俐"];
for (vari=0; i<arr.length; i++) {
document.write(arr[i]+"\t");
}
document.write("<br/>");
document.write("join方法的使用<br/>");
document.write(arr.join("_"));
document.write("<br/>");
document.write("for in语法<br/>");
for (variteminarr) {
document.write(arr[item]+"\t");
}
document.write("<br/>");
//以下是sort方法:
arr.sort();
document.write("排序后----------------<br/>");
for (variteminarr) {
document.write(arr[item] +"\t");
}
document.write("<br/>");
arr.push("aa","bb");
document.write("调用push方法后---------------------<br/>");
for (variteminarr) {
document.write(arr[item] +"\t");
}
输出结果：
（四）运算符号
和Java中的运算符一样，如下图，这里就不再赘述
（五）逻辑控制语句
和Java中一致
（六）注释
Js中单行注释：//
JS中多行注释:
/**/
(七)常用的输入/输出
程序调试
方案一：在VS中调试
步骤：01.将要调试的页面设置成起始页
02.设置断点
03.按F5启动调试
方案二：chrome浏览器调试
步骤：01.点击F12，将工具调出
02.设置断点
03.刷新页面
方案三：IE浏览器
步骤：01.F12，开发人员工具
02.切刀脚本选项卡
03.设置断点
04.启动调试
05.刷新
标签：
原文地址：http://www.cnblogs.com/123blogs/p/4230086.html
