javascript快速入门视频教程（150集）

大概在1998年，一家称作Nombas的公司开始开发一种叫做C减减（C-minus-minus，简称Cmm）的嵌入式脚本语言。这个脚本语言捆绑在一个叫做CEnvi的共享软件产品中，当Netscape Navigator崭露头角时，Nombas开发了一个可以嵌入网页中的CEnvi的版本。这些早期的试验称为EspressoPage（浓咖啡般的页面），它们代表了第一个在万维网上使用的客户端脚本语言。而Nombas丝毫没有料到它的理念将会成为因特网的一块重要基石。
JavaScript 是根据 “ECMAScript”标准制定的网页脚本语言。这个标准由 ECMA 组织发展和维护。ECMA-262 是正式的 JavaScript 标准。这个标准基于 JavaScript (Netscape) 和 JScript (Microsoft)。Netscape (Navigator 2.0) 的 Brendan Eich 发明了这门语言，从 1996 年开始，已经出现在所有的 Netscape 和 Microsoft 浏览器中。ECMA-262 的开发始于 1996 年，在 1997 年 7 月，ECMA 会员大会采纳了它的首个版本。
Ajax
国内通常的读音为“阿贾克斯”和阿贾克斯足球队读音一样。Web应用的交互如Flickr, Backpack和Google在这方面已经有质的飞跃。这个术语源自描述从基于网页的Web应用到基于数据的应用的转换。在基于数据的应用中，用户需求的数据如联系人列表，可以从独立于实际网页的服务端取得并且可以被动态地写入网页中，给缓慢的Web应用体验着色使之像桌面应用一样。虽然大部分开发人员在过去使用过XMLHttp或者使用Iframe来加载数据，但仅到现在我们才看到传统的开发人员和公司开始采用这些技术。就像新的编程语言或模型伴随着更多的痛苦，开发人员需要学习新的技巧及如何最好利用这些新技术。
jQuery
jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多javascript高手加入其team，包括来自德国的Zaefferer，罗马尼亚的Stefan Petre等等。jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是—— WRITE LESS,DO MORE,写更少的代码,做更多的事情。

本文目录

1 JavaScript视频课程目录:
2 变量,小学生数学与简单的交互
3 变量
4 值，类型
5 字符串
6 数学运算与比较
7 逻辑运算符
8 类型转换入门
9 根据用户的输入进行计算

JavaScript视频课程目录:

视频更新列表：
1.JavaScript前世今生与开发环境 15.56/分钟 10.3M / 25.6/M
2.变量,小学生数学与简单的交互 45.13/分钟 31.2M / 70.7M
3.分支判断与循环 32.40/分钟 24.3M / 51.1/M
4.函数与内置对象 25.11/分钟 21.7M / 43.8M
5.数组和对象(上) 34.49/分钟 25.4M / 54.8/M
6.数组和对象(下) 46.30/分钟 33.5M / 73.9M
7.Script标签与访问HTML页面(1) 32.44/分钟 29.2M / 53.6M
8.Script标签与访问HTML页面(2) 22:80 /分钟 21.4M / 37.5M
9.ECMAScript语法基础 19:34 /分钟 13.7M / 31.7M
10.值,类型与类型转换 40:14 /分钟 34.0M / 70.0M
11.运算符,语句 21:33 /分钟 16.1M / 34.3M
12.正则表达式(1) 25:47 /分钟 22.0M / 45.0M
13.正则表达式(2) 30:60 /分钟 23.2M / 48.8M
14.正则表达式(3) 35:50 /分钟 29.2M / 58.9M
15.正则表达式(4) 47:46 /分钟 34.9M / 75.9M
16.引用类型 28:48 /分钟 22.0M / 47.4M
17.函数式与面向对象(1) 22:56 /分钟 16.2M / 36.7M
18.函数式与面向对象(2) 31:37 /分钟 22.1M / 49.0M
19.函数式与面向对象(3) 22:29 /分钟 19.1M / 39.2M
20.函数式与面向对象(4) 33:21 /分钟 25.2M / 54.3M
21.函数式与面向对象(5) 27:46 /分钟 20.8M / 45.6M
22.BOM浏览器对象模型(1) 33:15 /分钟 30.1M / 58.6M
23.BOM浏览器对象模型(2) 33:46 /分钟 28.7M / 56.9M
24.BOM浏览器对象模型(3) 32:20 /分钟 28.3M / 56.3M
25.DOM基础(1) 24:17 /分钟 19.6M / 40.7M
26.DOM基础(2) 24:55 /分钟 23.6M / 45.1M
27.节点(1) 49:44 /分钟 46.2M / 89.9M
28.节点(2) 29:43 /分钟 27.4M / 53.8M
29.表单(1) 35:58 /分钟 32.3M / 63.8M
30.表单(2) 34:44 /分钟 28.9M / 57.9M
31.表格 26:55 /分钟 25.5M / 48.7M
32.事件(1) 33:29 /分钟 27.2M / 57.4M
33.事件(2) 35:40 /分钟 29.2M / 60.4M
34.事件(3) 11:33 /分钟 10.5M / 21.1M
35.事件(4) 37:15 /分钟 29.8M / 62.1M
36.事件(5) 24:80 /分钟 20.5M / 42.7M
37.事件(6) 46:43 /分钟 49.1M / 89.5M
38.样式(1) 31:19 /分钟 28.9M / 56.4M
39.样式(2) 28:33 /分钟 26.7M / 51.8M
40.定位(1) 44:00 /分钟 39.1M / 78.7M
41.定位(2) 31:58 /分钟 25.2M / 52.4M
42.Cookie 33:43 /分钟 24.7M / 53.4M
43.错误处理 41:38 /分钟 25.9M / 61.9M
44.实例:滚动的文字 36:18 /分钟 28.7M / 60.1M
45.动画(1) 24:27 /分钟 19.3M / 40.8M
46.动画(2) 31:42 /分钟 30.0M / 57.8M
47.弹出菜单(1) 47:30 /分钟 49.8M / 92.0M
48.弹出菜单(2) 21:58 /分钟 21.4M / 40.3M
49.学生作业–弹出菜单 19:31 /分钟 17.0M / 34.6M
50.图片轮播器(1) 37:40 /分钟 75.8M / 106.M
51.图片轮播器(2) 36:21 /分钟 50.1M / 83.9M
52.论坛注册(1) 42:22 /分钟 39.2M / 75.9M
53.论坛注册(2) 18:26 /分钟 13.0M / 28.3M
54.论坛注册(3) 20:42 /分钟 16.3M / 34.2M
55.论坛注册(4) 27:57 /分钟 20.6M / 44.6M
56.论坛注册(5) 43:50 /分钟 36.8M / 76.4M
57.留言板(1) 44:21 /分钟 153M / 189M
58.留言板(2) 30:19 /分钟 96.9M / 122M
59.GoogleEye(1) 29:50 /分钟 24.9M / 50.2M
60.GoogleEye(2) 23:44 /分钟 21.6M / 43.3M
61.Google计算器(1) 18:55 /分钟 17.7M / 35.5M
62.Google计算器(2) 23:59 /分钟 21.3M / 42.5M
63.Google计算器(3) 53:45 /分钟 43.0M / 91.6M
64.数字时钟 29:26 /分钟 23.4M / 50.0M
65.NN乘法表 14:36 /分钟 12.0M / 24.9M
66.成绩表排序(1) 18:31 /分钟 14.0M / 31.5M
67.成绩表排序(2) 35:17 /分钟 30.3M / 62.6M
68.成绩表排序(3) 14:52 /分钟 14.8M / 28.4M
69.ToolTips(1) 28:19 /分钟 23.4M / 49.6M
70.ToolTips(2) 40:12 /分钟 53.4M / 90.0M
71.拖放(1) 33:60 /分钟 24.4M / 54.7M
72.拖放(2) 31:50 /分钟 25.4M / 52.4M
73.拖放(3) 44:35 /分钟 49.3M / 87.4M
74.拖放(4) 24:19 /分钟 31.1M / 52.8M
75.拖放(5) 26:37 /分钟 20.7M / 53.5M
76.拖放(6) 30:56 /分钟 30.4M / 56.3M
77.拖放(7) 44:21 /分钟 40.8M / 81.0M
78.拖放(8) 11:39 /分钟 11.2M / 21.6M
79.Slider(1) 23:50 /分钟 16.9M / 37.1M
80.Slider(2) 20:30 /分钟 16.8M / 34.5M
81.ColorSlider 19:30 /分钟 19.0M / 35.6M
82.拖放排序(1) 38:80 /分钟 30.3M / 64.4M
83.拖放排序(2) 16:53 /分钟 12.1M / 27.4M
84.PopWindow(1) 37:28 /分钟 29.6M / 63.0M
85.PopWindow(2) 21:34 /分钟 17.4M / 36.4M
86.PopWindow(3) 37:10 /分钟 32.6M / 64.8M
87.Ajax简介 26:30 /分钟 17.3M / 42.3M
88.Apache服务器配置 05:54 /分钟 6.07M / 11.9M
89.XMLHttpRequest(1) 27:46 /分钟 23.7M / 49.0M
90.XMLHttpRequest(2) 26:15 /分钟 20.3M / 44.1M
91.XMLHttpRequest(2) 33:18 /分钟 26.9M / 55.3M
92.XML基础 17:15 /分钟 11.0M / 26.8M
93.DTD基础 27:15 /分钟 17.2M / 42.0M
94.DTD元素声明 13:55 /分钟 8.65M / 20.9M
95.DTD属性表声明 22:44 /分钟 15.2M / 35.8M
96.DTD实体 28:90 /分钟 20.2M / 45.2M
97.浏览器中的XML(1) 39:10 /分钟 32.2M / 66.0M
98.浏览器中的XML(2) 21:45 /分钟 18.1M / 37.1M
99.浏览器中的XML(3) 26:00 /分钟 24.3M / 47.1M
100.XPath(1) 28:00 /分钟 13.2M / 37.7M
101.XPath(2) 22:23 /分钟 12.3M / 32.1M
102.浏览器中的XPath 37:22 /分钟 25.6M / 60.0M
103.XSLT基础(1) 40:43 /分钟 21.4M / 55.8M
104.XSLT基础(2) 20:22 /分钟 11.5M / 28.5M
105.浏览器中的XSLT 23:41 /分钟 17.1M / 37.4M
106.省市县三级联动菜单XML版(1) 28:13 /分钟 18.6M / 43.0M
107.省市县三级联动菜单XML版(2) 19:43 /分钟 14.0M / 30.8M
108.省市县三级联动菜单XML版(3) 18:57 /分钟 14.9M / 31.0M
109.JSON 40:20 /分钟 31.6M / 66.0M
110.省市县三级联动菜单JSON版(1) 42:29 /分钟 26.1M / 62.3M
111.省市县三级联动菜单JSON版(2) 38:27 /分钟 27.2M / 59.6M
112.省市县三级联动菜单JSON版(3) 19:45 /分钟 15.0M / 31.0M
113.Ajax常见问题(1) 33:31 /分钟 26.3M / 55.0M
114.Ajax常见问题(2) 07:22 /分钟 6.22M / 13.3M
115.Ajax分页(1) 16:20 /分钟 10.4M / 24.7M
116.Ajax分页(2) 26:47 /分钟 21.6M / 45.2M
117.Ajax分页(3) 35:47 /分钟 29.0M / 58.1M
118.Ajax滚动浏览(1) 25:30 /分钟 38.4M / 62.2M
119.Ajax滚动浏览(2) 14:25 /分钟 13.6M / 27.1M
120.FireBugLite调试工具 13:29 /分钟 12.8M / 23.8M
121.JavaScript压缩 27:12 /分钟 28.2M / 52.8M
122.jQuery基础(1) 28:20 /分钟 25.0M / 50.9M
123.jQuery基础(2) 31:29 /分钟 24.5M / 52.8M
124.jQuery基础(3) 12:70 /分钟 8.63M / 19.3M
125.jQuery选择器 28:16 /分钟 20.4M / 44.8M
126.jQuery事件(1) 26:30 /分钟 17.3M / 40.7M
127.jQuery事件(2) 24:48 /分钟 16.8M / 37.2M
128.jQuery链式调用与隐式递归 26:70 /分钟 18.8M / 42.8M
129.jQuery动画 22:37 /分钟 15.2M / 33.6M
130.jQuery中的Ajax 38:50 /分钟 29.9M / 64.3M
131.jQuery数据缓存和命名空间 28:48 /分钟 17.9M / 43.4M
132.jQuery Ajax菜单、133.jQuery Ajax域名查询(1)、134.jQuery Ajax域名查询(2)、
135.jQuery源码分析-初步、136.jQuery源码分析-插件、137.jQuery源码分析-事件(1)
138.jQuery源码分析-事件(2)、139.jQuery源码分析-魔术方法、140.jQuery插件-DragNDrop
141.jQuery插件-jModal、142.jQuery插件-jqtransform、143.jQuery插件-轮播器
144.jQuery插件-表单、145.jQuery插件开发-城市选择器(1)(2)(3)(4)、
149.Ajax文件上传进度条、150.HTML5 Canvasnew(完结)

变量,小学生数学与简单的交互

变量

对于变量的理解：变量是数据的代号。如同人的名字一样。

	var num;//在JavaScript中使用关键字var声明一个变量

在JavaScript中,使用上面的语法,就可以声明一个变量,以便在之后给其指定值.

	var num;
	num=128;//这样，就将num做为值128的一个名字，有了名字，就可以在之后引用！
	document.write(num);//输出128

貌似下面的代码和上面的具有一样的输出

	document.write(128);//这样当然也输出了128

不过再试试下面的代码

	document.write(3.14159265358979);//我们要多次输出这个值
	document.write(3.14159265358979);
	document.write(3.14159265358978);
	document.write(3.14159265358979);
	document.write(3.14159265358979);

于是可以用变量的概念来偷懒

	var num;
	num=3.14159265358979;
	document.write(num);
	document.write(num);
	document.write(num);
	document.write(num);
	document.write(num);

虽然看上去没节约多少笔墨，但有一个概念即是：我们使用document.write多次输出的是同一个值！而前面一块则不同，它在每次输出时产生了一个新的值，显而易见，使用变量可以清楚的表达我们想要做的，而且简短的变量名引用可以使代码更清晰且不容易出错！当然，名字不是乱取的，变量的命名有一些限制：只能包含字母，数字，和下划线，还有个特殊的$字符，并且变量名只能以字母，下划线，还有$开头;另外，还不能使用JavaScript关键字和保留字;所以说，下面的变量声明全是错误的

	var 34bad;//不能以数字开头
	var per人;//不能包含中文
	var bad-var;//非法的-
	var var;//var就是一个关键字，所以很明显不能用来做变量名

另外要注意的一点是,变量的名称是区分大小写的!

值，类型

	var dog;
	dog="小虎子";//字符串，它们总被包含在双引号(或单号)中
	var num;
	num=1;//数字，它们裸露的出现了
	var strNum;
	strNum="1";//但是现在strNum所引用的是一个字符串,因为它被包含在引号中了
	var badNum;
	badNum=3.345;//一个小数，因为它带有一个小数点
	badNum=.2;//仍然是一个小数，这句代码与badNum=0.2是一样的!
	badNum = 0.4.5;//当然，这句代码是错的，一个非法数字

上面那样的写法（为了演示），我已经不想再忍受了，完全可以这样声明变量

	var dog,num,strNum,badNum;//可以一次声明多个变量，它们用逗号分隔,然后再赋值
	dog="小虎子";
	num=1;
	..........................

当然还有另一种声明变量的方法,事实上这种风格才是最常见的

	var dog="小虎子";
	var num=1;
	var str="some string",strNum="123";
	......

数字（只能有整数或小数），字符串可能最常用的了，还有另一种类型：布尔值(Boolean).不像数字或字符串，有无限种可能的值，Boolean值只有两种可能：真，假

	var bool=true;//用true表示真值
	bool=false;//用false表示假值

JavaScript是动态类型语言，在声明变量时无需指明其类型，在运行时刻变量的值可以有不同的类型。

	var s="Hello,World!!!";//无需指明为字符串类型
	s=1.61803;//在运行时将变量值指定为另一个类型

JavaScript的变量类型不止字符串，数字，布尔值这三种，然而这三种确是最常用的了。其它数据类型（参考）：

复合（引用）数据类型是：: * 对象; * 数组

特殊数据类型是：: * Undefined

   	//事实上,我们接触的第一个数据类型是Undefined,它的含义是"未定义值"
   	var a;//声明一个变量,但没有对其赋值
   	alert(a);//但它仍然有值的,它的值为undefined
   	alert(b);//但注意,输出一个未定义的变量将出现错误,而不是输出undefined

字符串

字符串相连

	var s1="Hello,";
	s1=s1+"World!";
	alert(s1);
	s1+="!!!!";
	alert(s1);

数学运算与比较

首先是小学生都会的加减乘除:+,-,*,/

	//加法 + 
	//减法 -
	//乘法 *
	//除法 / 
	//自增 ++
	//自减 --
	var a = 12;
	var b = 30;
	var c = a+b;
	alert(c);//输出42
	c=b-a;
	alert(c);//输出18
	c=c*2;
	alert(c);//输出36
	c=c/2;
	alert(c);//输出18
	c = 12;
	c++;//这与c=c+1;效果是一样的
	alert(c);//输出13
	c--;//这与c=c-1;效果是一样的
	alert(c);//输出11
	//自增与自减运算符出现的地方也有讲究
	c=20;
	alert(c++);//输出20,因为++写在变量后面,这表示变量c完成运算之后,再将其值增1
	alert(c);//现在将输出21,自减运算符也与些相似
	//如果只是类似这样的计算
	c = c+12;
	//可以这样写
	c+= 12;//这与写c= c+12;效果是一样的
	//类似其它的运算也有简便的方法
	c-=3;//c=c-3
	c*=4;//c=c*3;
	c/=2;//c=c/2;

要注意的是，在JavaScritp中，连接字符串时也使用“＋”号。当字符串与数字相遇时？——JavaScript是弱类型语言

	var num=23+45;
	alert("23+45等于"+num);//表达式从左往右计算，字符串之后的数字都会当成字符串然连接
	alert("23+45="+(23+45));//使用括号分隔

比较操作符:<,>,<=,>=,==,!=,!;比较操作符返回布尔值

	//小于 <
	//大于 >
	//小于或等于 <=
	//大于或等于 >=
	//相等 ==
	//不相等 !=
	alert(2<4);//返回true
	alert(2>4);//返回false
	alert(2<=4);//返回true
	alert(2>=2);//返回true
	alert(2==2);//返回true
	alert(2!=2);//返回true

表达式的组合

	alert( (2<4)==(5>3)==(3<=3)==(2>=2)==(2!=2)==(2==2)==true );

逻辑运算符

逻辑运算符用于对布尔值进行比较

	// &&逻辑与,当两边的值都为true时返回true,否则返回false
	// || 逻辑或,当两边值都为false时返回false,否则返回true
	// ! 逻辑非
	alert(true && false);//输出false
	alert(true && true);//输出true
	alert(true || false);//输出true
	alert(false || false);//输出false
	alert(!true);//输出false

类型转换入门

由于JavaScript是弱类型语言,所以我们完全可以将字符串和数字(两个不同类型的变量)进行相加,这个我们在前面已经演示过了.当然,不仅仅可以将字符串和数字相加,还可以将字符串与数字相乘而不会出现脚本错误!

	var str ="some string here!";
	var num = 123;
	alert(str*num);//将输出NaN,因为乘法运算符只能针对数字,所以进行运算时计算机会将字段串转换成数字
	//而这里的字符串转换成数字将会是NaN
	//NaN是一个特殊的值,含义是"Not A Number"-不是一个数字,当将其它值转换成数字失败时会得到这个值
	str ="2";
	alert(str*num);//将输出246,因为str可以解析成数字2

其它类型转换

	var bool = true;
	alert(bool*1);//输出1 ,布尔值true转换成数字为1,事实上将其它值转换在数字最简单的方法就是将其乘以1
	bool = false;
	alert(bool*1);//输出0
	alert(bool+"");//输出"flase",将其它类型转换成字符串的最简单的方法就是将其写一个空字符串相连
	alert(123+"");//数字总能转换成字符串
	var str = "some string";
	alert(!!str);//true,因为非运算符是针对布尔值进行运算的,所以将其它类型转换成布尔值只须将其连续非两次
	str ="";
	alert(!!str);//输出false,只有空字符串转换成布尔值时会是false,非空字符串转换成布尔值都会返回true
	var num =0;
	alert(!!num);//false
	num=-123.345;
	alert(!!num);//true,除0以外的任何数字转换成布尔值都会是true
	//还有一个非常重要的是,空字符串转换成数字将会是0
	alert(""*1);//输出0

获取变量类型 typeof 运算符

	var bool = true;
	alert(typeof bool);//输出boolean
	var num =123;
	alert(typeof num);//输出number
	var str = "some string here";
	alert(typeof str);//输出string
	var strNum = "123";
	alert(typeof strNum);//输出string
	strNum *= 1;
	alert(typeof strNum);//输出number

根据用户的输入进行计算

使用window.prompt可以弹出包含输入框的窗口，用户输入的内容将是此函数的返回值

	var msg = window.prompt("请输入一个数字","默认值");//prompt方法包含一个必须参数和一个可选参数。
	//第一个参数是必须的，将在窗口中显示的文字，第二个参数是可选的，为文本框的预设值
	alert(msg);//将输出我们输入进去的东西

请用户输入年龄，我们计算出他活了多少秒（貌似无聊的很啊）

	var age=window.prompt("请输入您的年龄！","18");
	var liveSeconds=age*365*24*3600;
	alert("您已经度过了"＋liveSeconds＋"秒!");

示例:

//javascript中0为false,非0为true
    alert(1&&2);//输出2,输出最后比较的那个值
    alert(!!1);//两个非(!!)是将数字,字符串等类型转换为Boolean型的方法
    alert(1||0);//因为使用的是快速与,所以只要第一个条件满足就不再进行比较了,输出1.
    alert(!!(1||0));//转成Boolean值.
    alert(true*1);
    alert(false*0);
      alert(""*1);  //空字符串转换成数字会是0;
</script>