劳谦虚己，则附之者众；骄慢倨傲，则去之者多。——葛洪（东晋）
2.1 JavaScript概述
- JavaScript 是一种由Netscape 公司的LiveScript 发展而来的面向过程的客户端脚本语言，为客户提供更流畅的浏览效果。另外，由于Windows 操作系统对其拥有较为完善的支持，并提供二次开发的接口来访问操作系统中各个组件，从而可实现相应的管理功能。
- JavaScript 是一种解释性的，基于对象的脚本语言（Object-based Scripting Language），其主要是基于客户端运行的，用户单击带有JavaScript 脚本的网页，网页里的JavaScript 就会被传到浏览器，由浏览器对此做处理。
- Java 是 SUN 公司推出的新一代面向对象的程序设计语言，特别适合于Internet 应用程序开发；而 JavaScript 则是Netscape 公司的产品，是为了扩展Netscape Navigator 功能而开发的一种可以嵌入Web 页面中的基于对象和事件驱动的解释性语言。Java 的前身是 Oak 语言，而 JavaScript 的前身则是 Live Script。
- JavaScript 的基本特点
- 脚本编写语言。
- 基于对象的语言。
- 简单性。
- 安全性。
- 动态性。
- 跨平台性。
- DHTML 的全称是 Dynamic HTML，就是动态的 HTML。DHTML 是相对传统的静态的 HTML 而言的一 种制作网页的概念。严格地说，其实它并不是一门新的语言，而是由HTML、CSS 和 JavaScript 这三种技术 集成的产物。
- DOM的全称是Document Object Model，翻译过来是文档对象模型的意思。由于各个浏览器对DOM 支持的不一致性，导致了相同的代码在不同浏览器下不能执行的局面。W3C 推出了标准化的DOM。
- DOM 1 由两部分组成，分别是 DOM 核心与 DOM HTML。其中，DOM 核心负责映射以 XML 为基础的文档结构，允许获取和操作文档；DOM HTML通过HTML 专用的对象与函数对DOM 核心进行了扩展。标准的制定，一定程度上改善了浏览器之间的竞争，同时也催生了更多浏览器的产生。
2.2 网页中的JavaScript
在网页中添加JavaScript 代码，需要使用标签来标识脚本代码的开始和结束。该标签就是<script>，它告诉浏览器，在 <script> 标签和 </script> 结束标签之间的文本块并不是要显示的网页内容，而是需要处理的脚本代码。
2.2.1 执行代码
在网页中执行JavaScript 代码可以分为以下几种情况：
- 在网页头中执行 JavaScript 代码：JavaScript脚本一般放在HTML网页的头部的<head>与</head>标签对之间。
<head>
<title>在网页头中嵌入 JavaScript 代码</title>
<script language="JavaScript">
JavaScript脚本内容
</script>
</head>
- 在网页中执行 JavaScript 代码：当需要使用JavaScript脚本生成HTML网页内容时
<body>
<script language="JavaScript">
JavaScript脚本内容
</script>
</body>
- 在网页的元素事件中执行 JavaScript 代码(???)
- 在网页中调用已经存在的 JavaScript 文件
<head>
<script src="scripts/scripts1.js"></script>
</head>
- 通过 JavaScript 伪 URL 引入 JavaScript 脚本代码(???)
JavaScript可以在同一个HTML网页的头部与主体部分同时嵌入，并且在同一个网页中可以多次嵌入JavaScript代码
2.2.2 函数
function functionname()
{
执行代码
}
2.2.3 对象
- JavaScript 对象是拥有属性和方法的数据或变量。例如下面一段代码：
var car = {type:"Fiat", model:500, color:"white"};
其中，3个值（"Fiat"、500、"white"）赋予变量 car。3个变量（type、model、color）也赋予变量 car。
2.2.4 JavaScript 编码规范
1. 文件组织规范
- 所有的JavaSript文件都要放在项目公共的script文件夹下
- 使用的第三方库文件放置在script/lib文件夹下
- 可以复用的自定义模块放置在script/commons文件夹下，服用模块如果涉及多个子文件，需要单独建立模块文件夹
- 单独页面模块使用的JavaScript文件放置在script/{module_name}文件夹下。
- 项目模拟的JSON数据放置在script/json文件夹下，按照页面单独建立子文件夹。
- JavaScript应用MVC框架时，使用的模板文件放置在script/templates文件夹下，按照页面单独建立子文件夹。
2. 格式化规范
- 使用var定义变量
- 使用分号结束一行声明语句
- 定义顶级命名空间，如inBike，在顶级命名空间下自定义私有命名空间，根据模块分级。（???）
- 所有的模块代码放在匿名自调用函数中，通过给window对象下的自定义命名空间赋值暴露出来。（？？？）
- 绑定事件代码需要放置在准备好的文档对象模型函数中执行。（？？？）
- 将自定义模块方法放置在对象中，方法名紧挨“：”，“：”与function之间空一格，function()与后面的“{”之间空一格。
- 字符串使用单引号
- 所用的变量使用之前需定义，定义之后立即初始化
- 使用浏览器Console工具之前先要判断是否支持。
3. 命名规范
- 使用驼峰法命名变量和方法名，首字母使用小写；对于类名，首字母大写。
- 使用$name命名jQuery对象，原生dom元素使用dom开头，对象中私有变量以下划线开头。
4. 注释规范
- 多使用单行注释表明逻辑块的意义
- 指明类的构造方法
- 标注枚举常量的类型和意义
- 使用注释表示方法或者变量的可见性，方便静态检查。
5. 其他编码规范
2.3 JavaScript清新体验
案例1——定时打开窗口：涉及JavaScript以及BOM、DOM对象
案例2——日期选择器
网友评论