服务器端与客户端编程
给静态页面添加脚本有两种最基本的方式：
1、让WEB服务器在把页面发送给用户之前执行脚本。这样的脚本可以确定把哪些内容发送给浏览器以显示给用户，比如从在线商店的数据库获取产品价格，在用户登录到站点的私有区域之前核对用户身份，或是从邮箱获取邮件内容。这些脚本通常运行在web服务器上，而且是在生成页面并提供给用户之前运行的。
2、另外一种方式并不是在服务器运行脚本，而是把脚本与页面内容一起发生给用户的浏览器。然后浏览器运行这些脚本，操作已经发送给浏览器的页面内容。这些脚本的主要功能包括动画页面的部分内容，重新安排页面布局，允许用户在页面内拖放元素，验证用户在表单里输入的内容，把用户重定向到其他页面，这些脚本称为“客户端脚本”。
DOM
“文档对象模型”DOM是对文档及其内容的抽象表示。
每次浏览器要加载和显示页面时，都需要解释（更专业的术语是“解析”）构成页面的HTML源代码。在解析过程中，浏览器建立一个内部模型来代表文档里的内容，这个模型就是DOM。在浏览器渲染页面的可见内容时，就会引用这个模型。JavaScript可以访问和编辑这个DOM模型的各个部分，从而改变页面的显示内容和用户交互的方式。
在早期，JavaScript只能对web页面的某些部分进行最基本的访问，比如访问页面里的图像和表单，可以选择“页面上第二个表单”或者“名称为registration的表单”，这种情况叫做0级DOM，以便与W3C的1级DOM向下兼容。0级DOM有时也被称为BOM（浏览器对象模型）。从0级DOM开始，W3C逐渐扩展和改善了DOM的规范。它更大的野心是不仅让DOM能够用于web页面与JavaScript，也能用于任何编程语言和XML。
window和document对象
浏览器每次加载和显示页面时，都在内存里创建页面及其全部元素的一个内部表示体系，也就是DOM（文档对象模型）。
在DOM里，页面的元素具有一个逻辑化，层级化的结构，就像一个由父对象和子对象组成的树形结构。这些对象及其相互关系构成了web页面及显示页面的浏览器的抽象模型。每个对象都有“属性”列表来描述它，而利用JavaScript可以使用一些方法来操作这些属性。
这个层级树的最顶端是浏览器window对象，它是DOM树里一切对象的根。
window对象具有一些子对象，如下图：
1、浏览器加载的任何HTML页面都会创建一个document对象，包含全部HTML内容及其他构成页面显示的资源。
利用JavaScript以父子对象的形式就可以访问这些信息。这些对象都具有自己的属性和方法。
2、location对象，包含着当前页面URL的全部信息。
3、history对象，包含浏览器以前访问的页面地址
4、navigator对象，包含着浏览器类型，版本和兼容的信息。
对象标签法
用句点方式表示树形结构里的对象：
parent.childdocument对象是window对象的子对象，所以在dom里就像这样表示它：
window.documentHTML页面的body部分在DOM里是document对象的一个子对象，表示为：
window.document.body这种表示法的最后一个部分除了可以是对象外，还可以是属性或方法：
object1.object2.property
object1.object2.method例如：如果想要访问当前文档的title属性，也就是HTML标签<title>和</title>,表示为：
window.document.title注意：window对象永远包含当前浏览器窗口，所以使用window.document就可以访问当前文档。作为一种简化表示，使用document也能访问当前文档。如果是打开了窗口，或是使用框架集，那么每个窗口或框架都有单独的window和document对象，为了访问其中的某一个文档，需要使用相应的窗口名称和文档名称。
与用户交互
下面具体介绍window和document对象的一些方法，这俩个方法都能提供与用户交互的手段。
1、window.alert()
window对象位于DOM层级的最顶端，代表了显示页面的浏览器窗口。当我们调用alert（）方法时，浏览器会弹出一个对话框显示设置的信息，还有一个“确定”按钮。（PS：要显示的文本位于引号之中）
<script>window.alert("here is my message");</script>这句代码使用了句点表示法，在实际编码过程中，可以不明确书写window对象名称。因为它是DOM层级结构的最顶层（即全局对象），任何没有明确指明对象的方法调用都会被指向window。在用户点击“确定”按钮之前，页面上是不能进行其他操作的，具有这种行为模式的对话框被称为“模态”对话框。
2、document.write()
此方法用于向页面输出文本内容。但是在严格的编码环境下通常不采用这种方式，更好的方式是用JavaScript和DOM。
<script>document.write("here is anonther message");</script>