51cto学院-JavaScript基础入门视频教程
课程目标
对javascript编程有个比较初步系统的掌握，能够比较熟练的使用顺序，选择，循环结构的语句进行代码的编写并能使用系统自带的函数和自己定义函数使用javascript语句验证客户端注册表单使用javascript 对客户端操作素的操作
适用人群
初级开发人员,网页美工，JavaScript程序员
课程简介
1.对javascript编程有个比较初步系统的掌握，
2.能够比较熟练的使用顺序，选择，循环结构的语句进行代码的编写
3.并能使用系统自带的函数和自己定义函数
4.使用javascript语句验证客户端注册表单
5.使用javascript 对客户端操作素的操作
课程
1
JavaScript概述
[免费观看]
3分钟
JavaScript 是脚本语言一种轻量级的编程语言可插入HTML页面的编程代码由浏览器解释执行
2
JavaScript变量
[免费观看]
11分钟
JavaScript 变量：变量是储存信息的容器声明变量：var 变量名=值; 注意：var 可以省略不写变量名注意事项：变量名必须以字母开头也可以以$和_开头，但是不推荐使用
变量名对大小敏感
3
JavaScript数据类型
[免费观看]
22分钟
数据类型字符串数字布尔数组创建一：var arr = new Array(); 创建二：var arr2 = new Array("李四","张三",213,'fdsad'); 创建三：var arr3 = [123,123,213]; 对象
null：可以通过变量的值设置为null来清空变量Undefined:表示变量不含有值
4
JavaScript函数
[免费观看]
10分钟
函数：是由事件驱动的或者当它被调用执行的可重复使用的代码块带参数的函数myFunction (参数1,参数2....); 函数可以有返回值
5
运算符
[免费观看]
13分钟
运算符：+ —* / % ++ ——赋值运算符：= += -= *= /= %= 比较运算符：
== ===（值和类型）！= > < >= <= 逻辑运算符&& and || or ! not
6
条件语句和循环语句(一)
[免费观看]
12分钟
if else switch:用于不同的条件来执行不同的动作for 循环for in while do/while
7
条件语句和循环语句(二)
13分钟
if else switch:用于不同的条件来执行不同的动作for 循环for in while do/while
8
JavaScript 对象（一）
10分钟
JavaScript中的对象：带有属性和方法是特殊数据类型创建JavaScript对象 1.定义并创建对
象的实例：new Object(); 2.使用函数来定义对象，然后创建新的对象实例
9
JavaScript 对象（二）
12分钟
JavaScript中的对象：带有属性和方法是特殊数据类型创建JavaScript对象 1.定义并创建对象的实例：new Object(); 2.使用函数来定义对象，然后创建新的对象实例
10
String（一）
11分钟
String 对象：用于处理文本
11
String（二）
15分钟
String 对象：用于处理文本
12
Number对象
18分钟
Number 对象：JavaScript只有一种数字类型JavaScript中数字均为64位整数最多为1 5位小数的最大位数是17位，浮点运算不总是100%准确NaN属性代表非数字值的特殊值。该属性用于指示某个值不是数字。全局函数isNaN():判断一个值是否是NaN null undefined NaN区别？
13
Date对象
19分钟
Date（日期）对象获取当前时间new Date()
14
DOM简介
31分钟
通过DOM访问HTML页面所有元素文档结构document 根元素（root）:<html>
<head> title Text:'首页' <body>
<a>: attribute(href) text:'公司简介' <h1>
<input> 作用：JavaScript改变页面中所有HTML元素JavaScript改
变页面中所有HTML元素属性JavaScript改变页面中所有CSS样式JavaScript能够对页面中的所有事件作出反应
15
DOM改变HTML内容
25分钟
改变HTML元素内容改变HTML输出流:document.write() 改变HTML标签内容改变HT ML标签的属性
16
DOM 改变CSS
25分钟
DOM改变CSS
17
DOM实例之图片切换
19分钟
讲解DOM实例之图片切换
18
DOM 事件（一）
25分钟
DOM 事件点击事件事件属性：onclick="add()" 元素绑定事件：document.getEleme ntById("but").onclick= function(){} 网页已经加载onload 鼠标移动到元素上当内容改变的时候：onchange 提交HTML表单的时候 ...... onunload 离开页面EventListener
19
DOM 事件（二）
19分钟
DOM 事件点击事件事件属性：onclick="add()" 元素绑定事件：document.getEleme ntById("but").onclick= function(){} 网页已经加载onload 鼠标移动到元素上当内容改变的时候：onchange 提交HTML表单的时候 ...... onunload 离开页面EventListener
20
浏览器对象模型和Window 尺寸
12分钟
BOM (Browser Object Model):浏览器对象模型Window对象：表示浏览器窗口JavaScript 全局对象、全局函数及变量均自动成为Window对象成员
21
Window.open()和window.close()
21分钟
window.open() 打开窗口window.close() 关闭当前窗口
22
window.screen
6分钟
讲解window.screen
23
window.location
17分钟
讲解window.location
24
window.history和window.navigator
13分钟
讲解window.history和window.navigator
25
JavaScript 弹窗
11分钟
讲解JavaScript 弹窗
26
JavaScript计时事件
19分钟
讲解JavaScript计时事件
课程地址：
https://www.doczj.com/doc/0219110809.html,/course/course_id-4129.html
第 1 章 JavaScript 语言入门 1 为什么学习 JavaScript
提要：Javascript 是学习脚本语言的首选。她兼容性好，绝大多数浏览器均支持 Javascript，而且她功能强大，实现简单方便，入门简单，即使是程序设计新手也可以非常 快速容易地使用 JavaScript 进行简单的编程。
Javascript 是由 Netscape 公司创造的一种脚本语言。为便于推广，被定为 javascript，但 是 javascript 与 java 是两门不相干的语言， 作用也不一样。 作为一门独立的编程语言， javascript 可以做很多的事情，但它最主流的应用还是在 Web 上——创建动态网页(即网页特效)。 Javascript 在网络上应用广泛， 几乎所有的动态网页里都能找到它的身影。 目前流行的 AJAX 也是依赖于 Javascript 而存在的。 Javascript 与 Jscript 也不是一门相同的语言， Jscript 和 vbscript 是微软开发的两种脚本语 言，微软，Netscape 公司以及其他语言开发商为减少 web 开发者的兼容麻烦，所以成立 ECMA ， 该组 织 专 门制定 脚 本 语 言的 标 准 和规范 。 ECMA 制 定 的标 准脚 本 语 言 叫做 ECMAScript，Javascript 符合 ECMA 的标准，其实 Javascript 也可以叫做 ECMAScript. Jscript 也 ECMA 的标准， 但用户较少。vbscript 仅局限在微软的用户， Netscape 不支持。 概括地说，JavaScript 就是一种基于对象和事件驱动，并具有安全性能的脚本语言，脚 本语言简单理解就是在客户端的浏览器就可以互动响应处理程序的语言， 而不需要服务器的 处理和响应，当然 JavaScript 也可以做到与服务器的交互响应，而且功能也很强大。而相对 的服务器语言像 asp https://www.doczj.com/doc/0219110809.html, php jsp 等需要将命令上传服务器，由服务器处理后回传处理结 果。对象和事件是 JavaScript 的两个核心。 JavaScript 可以被嵌入到 HTML 文件中，不需要经过 Web 服务器就可以对用户操作作 出响应，使网页更好地与用户交互；在利用客户端个人电脑性能资源的同时，适当减小服务 器端的压力，并减少用户等待时间。
2 将 JavaScript 插入网页的方法
与在网页中插入 CSS 的方式相似，使用
language="javascript"表示使用 JavaScript 脚本语言，脚本语言还有 vbscript、 jsscript 等，如果没有 language 属性，表示默认使用 JavaScript 脚本。其中的...就是代 码的内容。例如：
Javascript简介 (2) Javascript简介 (2) 简单的Javascript入门示例 (4) 编写Javascript 代码 (5) 语句(Statements) (5) 语句块(Blocks) (6) 注释(Comments) (7) 表达式(Expressions) (8) 赋值和等于(Assignments and Equality) (9) Javascript常用运算符(Operators) (10) 算术运算符 (10) 逻辑运算符 (11) 赋值运算符 (12) Javascript 循环语句(Javascript Loop Statements) (12) 使用for 循环语句 (13) 使用for...in 循环语句 . (15) 使用while 和do...while 循环语句 (17) 使用break 和continue 语句 (20) Javascript写在哪里 (23) Javascript在
之间 (23)Javascript在
之间 (24) Javascript放在外部文件里 (25) Javascript变量(Javascript Variables) (26) 什么是变量？ (26) 变量的声明(Declaring Variables) (26) 变量的命名规则 (27) Javascript条件语句(Javascript Conditional Statements) (27) 单项条件结构(if条件语句) (28) 双向条件结构(if...else条件语句) (29) 多项条件结构(switch条件语句) (31) Javascript保留字(Javascript Reserved Words) (32) Javascript未来保留字(Javascript Future Reserved Words) (33) Javascript简介 Javascript简介第一讲JavaScript语言概况 第二讲JavaScript基本数据结构 第三讲JavaScript程序构成 第四讲基于对象的JavaScript语言 第五讲创建新对象 第六讲使用内部对象系统 第七讲窗口及输入输出 第八讲WEB页面信息的交互 第九讲实现更复杂的交互 第一讲JavaScript语言概况 Internet时代，造就了我们新的工作和生活方式，其互联性、开放性和共享信息的模式，打破了传统信息传播方式的重重壁垒，为我们带来了新的机遇。随着计算机和信息时代的到来，人类社会前进的脚步在逐渐加快，每一天都有新的事情发生，每一天都在创造着奇迹。随着Internet技术的突飞猛进，各行各业都在加入Internet的行业中来。无论从管理方面，还是从商业角度来看，Internet都可以带来无限生机。通过Internet，可以实现地区、集体乃至个人的连接，从而达到一种“统一的和谐”。那么怎样把自己的或公司的信息资源加入到WWW 服务器，是广大用户日益关心的问题。采用超链技术（超文本和超媒体技术）是实现这个目标最简单的、最快速的手段和途径。具体实现这种手段的支持环境，那就是HTML 超文本标识语言。通过它们可制作所需的Web网页。 通过超文本(Hyper Text)和超媒体(Hyper Media)技术结合超链接(Hyper link)的链接功能将各种信息组织成网络结构(web)，构成网络文档(Document)，实现Internet上的“漫游”。通过HTML符号的描述就可以实现文字、表格、声音、图像、动画等多媒体信息的检索。 然而采用这种超链技术存在有一定的缺陷，那就是它只能提供一种静态的信息资源，缺少动态的客户端与服务器端的交互。虽然可通过CGI (Common Gateway Interface)通用网关接口实现一定的交互，但由于该方法编程较为复杂，因而在一段时间防碍了Internet技术的发展。而JavaScript的出现，无凝为Internet 网上用户带来了一线生机。可以这样说,JavaScript的出现是时代的需求,是当今的信息时代造就了JavaScript。 JavaScript的出现，它可以使得信息和用户之间不仅只是一种显示和浏览的关系，而是实现了一种实时的、动态的、可交式的表达能力。从而基于CGI静态的HTML页面将被可提供动态实时信息，并对客户操作进行反应的Web页面的取代。JavaScript脚本正是满足这种需求而产生的语言。它深受广泛用户的喜爱的
《JavaScript从入门到精通》读书笔记 今年的学习计划要读的书是《JavaScript权威指南》，里面内容比较有深度，所以决定买了比较好理解的《JavaScript从入门到精通》开始学习。 此书前半部分还是比较基础，平时工作中都能用得到，后半部分涉及到了Ajax、本地数据存储、离线应用和canvas图形等比较高级的用法。 首先主要介绍了JavaScript的发展历史版本变化，了解一下就可以。 初次使用JavaScript，重点讲了JavaScript的”字符串。例如。浏览器在加载如下代码就会产生一个错误。”); } Hi(); 错误原因：当浏览器解析到字符串””时，会结束JavaScript代码段的执行。解决方法： 使用转义字符把字符串‘’分成两部分来写就不会造成浏览器的误解。 代码测试和错误处理，理解浏览器的不同内核和代码不同的兼容性，在不同浏览器代码报错的时候会有不同的调试方法，学会使用浏览器的调试器对网页开发效率会有很大的提高。现在主流的浏览器是Chrome、Firefox、Safari等。 JavaScript的基本语法和各种变量，各种数据类型及各种数据类型的转换。 重点：避免变量污染 Var foo = function(){ Var a = 1, b = 2; Var bar = function(){ Var b = 3, c=4, //a= 1,b =3, c=4 a+=b + c; // a=8, b=3, c=4 }; //a=1, b=2, c = undefined bar(); //a= 21,b=2,c= undefined } JavaScript运算符的使用。JavaScript定义了51个运算符，主要分为一下几大类，位运算符、算术运算符、逻辑运算符、关系运算符、赋值运算符、对象炒作运算符和其他运算符。设计程序结构。程序都是由一个或多个语句组成的集合，语句表示一个可以执行的命令。用来完成特定的任务。大部分语句用于流程控制，在JavaScript中提供了if条件判断语句、switch多分枝语句、for循环语句、while循环语句、do/while循环语句、break语句、continue语句等7种流行控制语句。
Javascript教程--从入门到精通【完整版】 （作者：未知，来源：互联网整理：Alone） JavaScript教程语言概况 Internet时代，造就了我们新的工作和生活方式，其互联性、开放性和共享信息的模式，打破了传统信息传播方式的重重壁垒，为我们带来了新的机遇。随着计算机和信息时代的到来，人类社会前进的脚步在逐渐加快，每一天都有新的事情发生，每一天都在创造着奇迹。随着Internet技术的突飞猛进，各行各业都在加入Internet的行业中来。无论从管理方面，还是从商业角度来看，Internet都可以带来无限生机。通过Internet，可以实现地区、集体乃至个人的连接，从而达到一种“统一的和谐”。那么怎样把自己的或公司的信息资源加入到WWW 服务器，是广大用户日益关心的问题。采用超链技术（超文本和超媒体技术）是实现这个目标最简单的、最快速的手段和途径。具体实现这种手段的支持环境，那就是HTML超文本标识语言。通过它们可制作所需的Web网页。 通过超文本(Hyper Text)和超媒体(Hyper Media)技术结合超链接(Hyper link)的链接功能将各种信息组织成网络结构(web)，构成网络文档(Document)，实现Internet上的“漫游”。通过HTML符号的描述就可以实现文字、表格、声音、图像、动画等多媒体信息的检索。 然而采用这种超链技术存在有一定的缺陷，那就是它只能提供一种静态的信息资源，缺少动态的客户端与服务器端的交互。虽然可通过CGI(Common Gateway Interface)通用网关接口实现一定的交互，但由于该方法编程较为复杂，因而在一段时间防碍了Internet技术的发展。而JavaScript的出现，无凝为Internet网上用户带来了一线生机。可以这样说,JavaScript的出现是时代的需求,是当今的信息时代造就了JavaScript。 JavaScript的出现，它可以使得信息和用户之间不仅只是一种显示和浏览的关系，而是实现了一种实时的、动态的、可交式的表达能力。从而基于CGI静态的HTML页面将被可提供动态实时信息，并对客户操作进行反应的Web页面的取代。JavaScript脚本正是满足这种需求而产生的语言。它深受广泛用户的喜爱的欢迎。它是众多脚本语言中较为优秀的一种，它与WWW的结合有效地实现了网络计算和网络计算机的蓝图。无凝Java家族将占领Internet网络的主导地位。因此，尽快掌握JavaScript脚本语言编程方法是我国广大用户日益关心的。 一、什么是JavaScript JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java 脚本语言（Java小程序）一起实现在一个Web页面中链接多个对象，与Web客户交互作用。从而可以开发客户端的应用程序等。它是通过嵌入或调入在标准的HTML语言中实现的。它的出现弥补了HTML语言的缺陷，它是Java与HTML折衷的选择，具有以下几个基本特点： 脚本编写语言 JavaScript是一种脚本语言，它采用小程序段的方式实现编程。像其它脚本语言一样,JavaScript同样已是一种解释性语言，它提供了一个易的开发过程。 它的基本结构形式与C、C++、VB、Delphi十分类似。但它不像这些语言一样，需要先编译，而是在程序运行过程中被逐行地解释。它与HTML标识结合在一起，从而方便用户的使用操作。 基于对象的语言 JavaScript是一种基于对象的语言，同时以可以看作一种面向对象的。这意味着它能运用自己已经创建的对象。因此，许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。 简单性 JavaScript的简单性主要体现在：首先它是一种基于Java基本语句和控制流之上的简单而紧凑的设计, 从而对于学习Java是一种非常好的过渡。其次它的变量类型是采用弱类型，并未使用严格的数据类型。 安全性 JavaScript是一种安全性语言，它不允许访问本地的硬盘，并不能将数据存入到服务器上，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互。从而有效地防止数据的丢失。 动态性 JavaScript是动态的，它可以直接对用户或客户输入做出响应，无须经过Web服务程序。它对用户的反映响应，是
为什么学习JavaScript 一、你知道，为什么JavaScript非常值得我们学习吗？ 1. 所有主流浏览器都支持JavaScript。 2. 目前，全世界大部分网页都使用JavaScript。 3. 它可以让网页呈现各种动态效果。 4. 做为一个Web开发师，如果你想提供漂亮的网页、令用户满意的上网体验，JavaScript是必不可少的工具。 二、易学性 1.学习环境无外不在，只要有文本编辑器，就能编写JavaScript程序。 2.我们可以用简单命令，完成一些基本操作。 三、从哪开始学习呢？ 学习JavaScript的起点就是处理网页，所以我们先学习基础语法和如何使用DOM进行简单操作。 新朋友你在哪里（如何插入JS） 我们来看看如何写入JS代码？你只需一步操作,使用之间。
之间的是文本类型(text),ja vascript是为了告诉浏览器里面的文本是属于JavaScript语言。 我也可以独立（引用JS外部文件） 通过前面知识学习，我们知道使用，你可以在 HTML 文档的任意地方插入 JavaScript，甚至在之前插入也不成问题。不过如果要在声明框架的网页（框架网页）中插入，就一定要在