JavaScript 语法是一套规则，它定义了 JavaScript 的语言结构。
JavaScript 语句定义两种类型的值：混合值和变量值。 混合值被称为 字面量（literal） 。
变量值被称为 变量 。 在编程语言中， 变量 用于 存储 数据值。 JavaScript 使用 var 关键词来 声明 变量。
window.onload 页面加载完成
用法
一，window.onload的用法：因为页面中的代码一般情况下按照，从上到下，从左到右的顺序执行。
所以当js代码需要获取页面中的元素时，如果script标签在元素的前面，需要加window.onload；如果script放在了元素后面，就不需要加 window.onload。
二，问题解决
把JavaScript中要执行的程序放在window.οnlοad=function(){}中
一、Document对象
1、什么是Document对象？
DOM(Document Object Model,文档对象模型)定义了访问和操作HTML文档的标准方法。它把HTML文档表现为带有元素、属性和文本的树结构（节点树），如下图所示：
文档对象:代表浏览器窗口中的文档，每个载入浏览器的HTML文档都会成为Document对象。
作用：访问HTML文档中包含的任何HTML标记并可动态地改变HTML标记中的内容。如下图所示：
提示：Document对象是Window对象的子对象，可通过window.document属性对其进行访问。
2、Document 对象的属性和方法
Document 对象集合
Document 对象描述
HTMLDocument接口对DOM Document接口进行了扩展，定义HTML专用的属性和方法。
很多属性和方法都是 HTMLCollection对象（实际上是可以用数组或名称索引的只读数组），其中保存了对锚、表单、链接以及其他可脚本元素的引用。
这些集合属性都源自于0级DOM。它们已经被Document.getElementsByTagName()所取代，但是仍然常常使用，因为他们很方便。
write()方法值得注意，在文档载入和解析的时候，它允许一个脚本向文档中插入动态生成的内容。
注意，在1级DOM中，HTMLDocument 定义了一个名为getElementById()的非常有用的方法。在2级DOM中，该方法已经被转移到了Document接口，它现在由 HTMLDocument 继承而不是由它定义了。
应用例子
（1）open()方法
定义：打开一个新文档，并擦除当前文档的内容。可打开一个新文档，添加一些文本，然后关闭它。
语法：document.open(mimetype,replace)
参数：mimetype可选。规定正在写的文档的类型。默认值是"text/html"。replace可选。当此参数设置后，可引起新文档从父文档继承历史条目。
说明：该方法将擦除当前 HTML 文档的内容，开始一个新的文档，新文档用 write() 方法或writeln()方法编写。
注意：调用 open()方法打开一个新文档并且用write()方法设置文档内容后，必须记住用close方法关闭文档，并迫使其内容显示出来。
（2）write()方法
定义：可向文档写入HTML表达式或JS代码。可列出多个参数(exp1,exp2,exp3,…) ，它们将按顺序被追加到文档中。
语法：document.write(exp1,exp2,exp3,…)
说明：虽然根据 DOM标准，该方法只接受单个字符串作为参数。不过根据经验，write() 可接受任何多个参数。
两种使用方式:一是在使用该方在文档中输出HTML，另一种是在调用该方法的的窗口之外的窗口、框架中产生新文档。在第二种情况中，请务必使用close()方法来关闭文档。
writeln()方法与write()方法作用相同，外加可在每个表达式后写一个换行符。
返回当前文档URL
（3）close()
定义：可关闭一个由 document.open方法打开的输出流，并显示选定的数据。
语法：document.close()
说明：该方法将关闭open()方法打开的文档流，并强制地显示出所有缓存的输出内容。如果使用write()方法动态地输出一个文档，必须记住当你这么做的时候要调用close()方法，以确保所有文档内容都能显示。
注意：一旦调用了close()，就不应该再次调用 write()，因为这会隐式地调用open()来擦除当前文档并开始一个新的文档
（4）getElementById(id)
定义：返回对拥有指定ID的第一个对象的引用。
语法：document.getElementById(id)
说明：在操作文档的一个特定的元素时，最好给该元素一个id属性，为它指定一个（在文档中）唯一的名称，然后就可以用该ID查找想要的元素。
HTML DOM定义了多种查找元素的方法，除了 getElementById()之外，还有getElementsByName() 和getElementsByTagName()。
不过，如果您需要查找文档中的一个特定的元素，最有效的方法是getElementById()。
（5）getElementsByName(name)
定义：可返回带有指定名称的对象的集合。
语法：document.getElementsByName(name)
说明：该方法与getElementById()方法相似，但是它查询元素的name属性，而不是 id 属性。
另外，因为一个文档中的 name 属性可能不唯一（如 HTML表单中的单选按钮通常具有相同的 name 属性），所有getElementsByName()方法返回的是元素的数组，而不是一个元素。
（6）getElementsByTagName(name)
定义：可返回带有指定标签名的对象的集合。
语法：document.getElementsByTagName(name)
说明：getElementsByTagName()方法返回元素的顺序是它们在文档中的顺序。
如果把特殊字符串“*”传递给该方法，它将返回文档中所有元素的列表，元素排列的顺序就是它们在文档中的顺序。
注意：传递给getElementsByTagName()方法的字符串可以不区分大小写。
document.querySelector 这个document对象的querySelector是HTML5API新定义的方法
如果是id选择器传放一个参数“#id”
id选择器返回这个节点元素对象
如果是class的选择器则传入一个".class"
class选择器返回document节点或id节点元素对象中的第一个元素
