一. 概述

1.什么是JavaScript

● JavaScript是一种脚本语言。JavaScript提供了操控Web浏览器的手段，使得Web浏览器的交互性得到提升。
● JavaScript是解释型程序设计语言，代码中的错误只能等到解释器执行到有关代码时才能发现。

2.什么是DOM

● DOM是一套对文档的内容进行抽象和概念化的方法，是一种API(应用编程接口)。
● W3C对DOM的定义是：“一个与系统平台和编程语言无关的接口，程序和脚本可以通过这个接口动态地访问和修改文档的内容、结构和样式。”

二. JavaScript 语法

1. 语句和注释

● 将多条语句放在同一行上，就必须用;分隔
● 单行注释：// 注释内容
● 多行注释：/* 注释内容 */

2. 变量和数组

变量：会发生变化的东西
a. JavaScript里，变量和其他语法元素的名字都区分大小写
b. JavaScript语法不允许变量中包含空格或标点符号
c. JavaScript变量允许包含字母、数字、美元符号和下划线（但第一个字符不允许是数字）。
d. 使用驼峰式命名（函数名、方法名和对象属性名首选）：TuoFeng
e. 变量的作用域：全局变量、局部变量
全局变量：可以在脚本任何位置被引用，作用域是整个脚本
局部变量：只存在于声明它的那个函数的内部，函数外部无法引用，作用域仅限于某个特定的函数
赋值：把值存入变量的操作
a. JavaScript为变量赋值无需提前声明，不需要进行类型声明
对变量做出声明：var a,var b; //var是关键字，a和b是变量名
b. 将等号右边的值赋给等号左边，值可以是数字也可以是字符串
a = 10; // 将10赋给a
b = " a "; // 将a赋给b
数据类型
a. 字符串：可以由零个或多个字符构成
字符：字母、数字、标点符号和空格等
字符串必须写在引号中，单引号或者双引号都行。可以使用\对字符串进行转义。
b. 数值：可以是整数、负数和浮点数（带小数点的数成为浮点数）
c. 布尔值（boolean）：只有两个可选值true或false。布尔值与字符串的值不同，所以布尔值不能用引号括起来。
数组：用一个变量来表示一个值的集合，集合中的每个值都是这个数组的一个元素。数组元素可以是字符串、数值和布尔值
声明一个数组（声明数组时可以不给出元素个数）：
var c = Array(2); // c为一个数组，数组的长度是2
数组填充：
array[index] = element; // index为数组下标，数组下标从0开始
c[0] = " a "; //数组第一个元素是a
c[1] = " b "; //数组第二个元素是b
对象：使用一个名字表示一组值，每个值都是对象的一个属性。
var t = Object(); // 创建一个t对象
t.name = " James ";
t.age = 20;
t.living = true; // 对象的属性通过.来获取
操作符
a. 算术操作符：加 +、减 -、乘 *、除 /、自增++ 、自减–、
赋值 =、加法和赋值 +=、+也可以拼接两个变量（字符串跟字符串拼接、字符串跟数值拼接）
b. 比较操作符:大于>、小于<、大于等于>=、小于等于<=、等于==、全等===、不等于!=
等于要求值相等，全等要求值跟变量类型都相等
c. 逻辑操作符：与&&、或||、非!（返回的是布尔值）
条件语句和循环语句
a. 条件语句：if、else、if else
if(condition) {
statements;
} // if()圆括号中条件求值永远是一个布尔值
b. 循环语句：while、for、do while、do
while循环与if语句唯一区别是：只有给定条件求值为true,代码就会反复执行。
while语句花括号所包含语句可能不被执行，do语句至少执行一次
for循环类似while循环，所以与循环有关的语句都包含在for的圆括号里面。
函数与对象
a. 函数：就是一组允许在你的代码里随时调用的语句，函数还可以传参，函数的调用结果可以赋给一个变量。
在函数内部通过var声明一个变量，这个变量为局部变量，如果没有使用var则这个变量为全局变量。
b. 对象：就是由一些属性和方法组合在一起而构成的一个数据实体。属性和方法通过.来访问。
属性：是隶属于某个特定对象的变量
方法：是只有某个特定对象才能调用的函数
自定义对象：由程序员自行创建的对象
内建对象：内建在JavaScript语言里的对象，如Array、Date、Math等
宿主对象：由浏览器提供的对象，如Form、Image、Element等，最基本的对象是window对象，这个对象的属性和方法统称为BOM

三. DOM

DOM把文档表示为一颗家谱树。

<!DOCTYPE html>
<html lang="en,zh">
<head><meta charset="UTF-8"><title></title>
</head>
<body><h1></h1><p></p><ul><li></li><li></li><li></li></ul>
</body>
</html>

节点：表示网络中的一个连接点。
DOM原子是元素节点，标签名字就是元素名字。
文本节点总是被包含在元素节点的内部，属性节点总是被包含在元素节点中。
继承：节点树上的各个元素将继承其父元素的样式属性。
区分元素需要使用class属性和id属性

获取特定元素属性的方法：

getElementById
getElementByTagName
getElementByClassName

document.getElementById("id"); // 返回一个id属性值的元素节点对应的对象
document.getElementsByTagName("tag"); //返回一个数组对象，每个对象分别对应这文档里有着给定标签的一个元素，可以使用通配符作为参数
document.getElementsByClassName("class");  //返回一个数组对象

获取和设置属性：

getAttribute
setAttribute

Object.getAttribute('attribute'); //只能通过元素节点对象调用，只有一个参数--查询的属性的名字
Object.setAttribute('attribute','value'); //只能通过元素节点对象调用，允许对属性节点的值做出修改，修改结果不会反映在文档本身的源代码中

初读JavaScript DOM编程艺术（一）相关推荐

JavaScript DOM编程艺术学习笔记（一）
嗯,经过了一周的时间,今天终于将<JavaScript DOM编程艺术(第2版)>这本书看完了,感觉受益匪浅,我和作者及出版社等等都不认识,无意为他们做广告,不过本书确实值得一看,也值得推 ...
JavaScript DOM编程艺术第一章：JavaScript简史
本系列的博客是由本人在阅读<JavaScript DOM编程艺术>一书过程中做的总结.前面的偏理论部分都是书中原话,觉得有必要记录下来,方便自己翻阅,也希望能为读到本博客的人提供一些帮助, ...
JavaScript Dom编程艺术
当我对JavaScript还停留在只认识这几个字母的时候,有一天我突然心血来潮,在网上下了DOM Scripting的样章,照着里面的例子写了我平生第一个能让我知所以然JavaScript,在浏览器运 ...
重读《JavaScript DOM编程艺术》（第一版）
今天来了雅兴去图书馆看书.把<JavaScript DOM编程艺术>温习了一遍,平时写js的机会不是特别多,很多知识都有些模糊了. 伴随着身边键盘卡啦卡啦的声音,一位手速不是一般的快的程序 ...
《JavaScript DOM 编程艺术》读书笔记
<JavaScript DOM 编程艺术>读书笔记--其一第二章 1.Javascript代码编写方式: (1)将JavaScript代码放在文档<head>标签中的< ...
JavaScript DOM编程艺术（第二版）
JavaScript DOM编程艺术简要介绍第二章: JavaScript语法语法语句注释变量数据类型数组对象操作条件语句比较操作符逻辑操作符循环语句 while循环 for ...
JavaScript DOM 编程艺术（第二版）学习之5-6章
JavaScript DOM 编程艺术 (第二版)学习之5-6章第五章最佳实践 5.1 过去的错误 5.2 平稳退化 5.2.1 "javascript:"伪协议 5.2.2 ...
JavaScript DOM 编程艺术（第二版）学习之3-4章
JavaScript DOM 编程艺术 (第二版)学习之3-4章第三章 DOM 3.1 文档:DOM中的"D" 3.2 对象:DOM中的"O" 3.3 模型: ...
JavaScript DOM编程艺术简略笔记
简略目录 1.BOM 2.DHTML 3.数组 4.条件判断的注意点 5.函数中变量的作用域问题 6.几种对象的简介 7.BOM和DOM 8.DOM操作中的一些特别点 9.JS文件与CSS文件的引入方 ...

初读JavaScript DOM编程艺术（一）

JavaScript DOM编程艺术--前三章概念总结