Peanut's Book Shelf » 日志 » Teach you Javascript! Chap4 使用文档对象模型
Teach you Javascript! Chap4 使用文档对象模型
Mystra 发表于 2008-04-16 19:52:11
脚本的好处是可以操控Web文档及其显示内容（包括一些浏览器设置中的信息，访问历史等等...）
例如：
1. 把新页面载入浏览器
2. 操纵浏览器窗口和文档
3. 打开新窗口
4. 动态修改页面内容
** DOM不是Javascript的专有功能，而是浏览器的一个API。其它语言，如VBscript，甚至Java都可以支持DOM
** window对象可以指定页面内任何一个元素。例如，window.document.image9
*** window可以引用的对象包括document,history,location
**** document可以引用的对象包括links,anchors,images,forms和其它DOM一级对象等等...
在同一对象可以使用多个window对象，每个对象代表一个打开的浏览器窗口。框架也可以用window对象表示。
document对象代表一个Web文档或者一个页面. window.document就是当前文档
** document.write是在文档中输出文本
一些document属性介绍...
title : 标题，由<title>定义
referrer : 用户所浏览的上一个页面的URL
lastModified : 文档最后修改的日期。这个信息是服务器传过来的
bgColor / fgColor : 文档背景 / 前景颜色
linkColor / alinkColor / vlinkColor : 链接颜色，它们对应<body>标签的LINK,ALINK,VLINK颜色
cookie : 读取或者设置一个文档的cookie
** document.writeln在浏览器中显示为一个空格。除非它在<pre>容器中。要空行可以用<br>标签
anchor是HTML文档中位置的名称，可以直接跳转到此。可以在标签中定义它们，例如<a name="part2">，也可以链接它们，如<a href="#part2">
** 可以用links数组来访问当前页面所有link对象，例如link1 = links[0].href
** anchors可以用来取得所有anchors
history对象
length : 历史列表的长度
current / previous / next : 储存历史列表中的URL
go() / back() / forward() : 三个函数，打开历史列表中的URL.其中go需要参数，例如go(-2)表示按下两次后退按钮
location对象：储存窗口中的当前URL网址的信息
它可以...载入新页面，例如 : window.location.href="http://www.starlingtech.com"
reload() : 刷新当前文档
replace() : 进入一个新的位置，但这个位置不影响浏览器的历史
例子：
<p>
<input type="button" onClick="history.back()">
</p>