Javascript 学习笔记（ch13）《犀牛书》

客户端JavaScript

web浏览器中的JavaScript

一. 客户端JavaScript

1. document

web 浏览器中呈现静态信息的页面叫做文档（由于加入了JavaScript，静态页面的信息看上去会动来动去，但信息本身是静态的）

2. window

• Window 对象是所有客户端 JavaScript 特性和 API 的主要接入点，是一个全局对象，处于作用域链的顶部。

• 引用自身：window

• Window 对象的属性（全局变量）：location 属性（指代 Location 对象，Location 对象指定当前显示在窗口中的URL）、document（引用 Document 对象，Document 对象表示窗口中的文档）

window.location = "http://www.oreilly.com/";
//设置location属性，从而跳转到新的web页面

• Window 对象的方法（全局函数）：alert(),setTimeout() 等

4. 事件处理程序

• 事件处理程序的属性名是以 on 开始的。
• 为事件处理程序绑定一个函数，函数会在某个事件发生时以异步的方式调用。
• Window 对象的 onload 处理程序是最重要的事件处理程序之一。当显示在窗口中的文档内容稳定并可以操作时会触发它。

5. JavaScript的角色

• 动态 HTML或 DHTML ：JavaScript 程序可以通过 Document 对象和它包含的 Element 对象遍历和管理文档的内容。它可以通过操纵 CSS 样式和类，修改文档内容的呈现。并且可以通过注册适当的时间处理程序来定义文档元素的行为。内容、呈现和行为的组合，叫做动态 HTML 或 DHTML。
• Web 文档里的 JavaScript ：设计良好的文档需要在禁用 JavaScript 后还能工作。JavaScript 用于增强用户的浏览体验，使信息的获取和传递更加容易。如可通过以下方式：
• 创建动画和其他视觉效果，巧妙地引导和帮助用户进行页面导航；
• 对表格的列进行分组，让用户更容易找到所需要的；
• 隐藏某些内容，当用户“深入”到内容时，再逐渐展示详细信息。
• Web 应用里的 JavaScript：JavaScript 访问浏览器提供的高级服务（比如网络、图像和数据存储），例如常见的XMLHttpRequest 对象。

二. 在 HTML 里嵌入 JavaScript

1. 内联，放置在 之间；

2. 放置在由