前言

运用Javascript可以增添网页的互动性

可选取(access)、增加或删除(modify)html网页中任何元件(e.g:<h1>)属性(Attributes)(class or id)文字(e.g:<h1>内的文字)计画运作规则 (Program rules)e.g:计画一个房贷计算程式脚本，功能为蒐集使用者于表单所填写的资料后进行计算，并显示每月应偿还的金额e.g:计画一个动画程式脚本，功能为侦测浏览器视窗的範围大小后，将图片移动致浏览器可浏览範围，一般称为可视区域(viewport)的底部。回应网页事件(React to events)e.g:当按钮被按下时，触发脚本执行

特性、事件、方法

每个物件(模型)都有自己的 e.g:物件类型:汽车特性(Properties) e.g:.currentSpeen:20mph事件(Events) e.g:事件->accelerate(汽车加速) 发生情境->驾驶人加速方法(Methods) e.g:方法->changeSpeen() 执行工作->增加或减少crrentSpeen特性值举例:汽车物件当驾驶人加速时，就启动accelerate事件accelerate事件会呼叫changeSpeen()方法，他会增加currentSpeed特性值currentSpeed可反映出目前行车速度

网页浏览器也会为他所显示的网页建立网页模型，也会为呈现网页的视窗建立浏览器视窗模型

windows物件
* 浏览器代表每一个视窗或页籤正在使用window物件。window物件的location特性会告知你目前页面的URL位址document物件
* 将网页载入至视窗的动作，是透过document物件进行
* 利用document物件的title，可得知在该页面的<title>、</title>之间的标题文字内容
* 利用document物件，可以存取并改变页面内容，并对使用者与页面的互动进行回应
* 特性：可以描述目前网页的特徵e.g.页面的标题
* 事件：可以回应事件 e.g.使用者点击元件，或以手指触碰元件
* 方法：发法会针对目前载入至浏览器中的文件，执行工作任务 e.g.自特定元件中取得资料，或是加入新的内容
* document物件只是在主流览器中所支援的物件的其中之一。当浏览器创造出一个网页的模型，他不只是建立了一个document物件，同时也为页面上所有元建建立了新的物件。这些物件都被定义于文建物建模型(Document Object Model)

浏览器如何看待网页?

把每一页面当成HTML代码建立页面模型，并储存于记忆体中使用成像引擎显示页面于萤幕上

如何使用物件与方法

document.write('Hello world');

document ->物件
write ->成员members
. ->成员运算子(memver operator)
write() ->方法
Hello world ->参数

参考书籍：javascript & jQuery 网站互动设计程式进化之道