目录
1、JavaScript概述
2、HTML世界
3、JavaScript基本语法
4、JavaScript语句
5、JavaScript内置对象
6、Document对象
7、window和frame
8、表单对象
9、了解其他常用对象
Document对象
6.1使用Document对象
属性和方法
|
属性 |
功能说明 |
|
title |
表示文档的标题 |
|
bgColor |
表示文档的背景色 |
|
fgColor |
表示文档的前景色 |
|
alinkColor |
表示激活链接的颜色 |
|
linkColor |
表示链接的颜色 |
|
vlinkColor |
表示已经浏览过的链接的颜色 |
|
URL |
表示文档对应的URL |
|
domain |
表示提供文档的服务器域 |
|
lastModified |
表示文档最后修改的时间 |
|
cookie |
表示文档中的所有HTML标记符的数组 |
|
applets |
表示文档中所有applets的信息，每一个applet都是这个数组中的一个元素 |
|
anchors |
表示文档中所有的(带NAME属性的超级链接)(锚)的数组 |
|
forms |
表示文档中所有的表单信息，每一个表单都是这个数组的一个元素 |
|
images |
表示文档中所有的图像信息，每一个图像都是这个数组的一个元素 |
|
links |
表示文档中所有的超级链接信息，每一个超级链接都是这个数组的一个元素 |
|
referrer |
表示链接到当前文档的URL |
|
embeds |
表示文档中所有的嵌入对象的信息，每一个嵌入对象都是这个数组的一个元素 |
|
方法 |
功能说明 |
|
close() |
关闭文档的输出流，将后续的未被显示到窗口中的内容显示到窗口中 |
|
open([mimeType]) |
使用指定的MIME类型为窗口打开一个输出流，将write()和writeln()的结果写入其中 |
|
write() |
向文档中写入文本 |
|
writeln() |
向文档中写入文本，并自动换行 |
访问和处理文档
<html>
<head>
<title>编写JavaScript脚本</title>
</head>
<scriptlanguage="JavaScript"> //JavaScript脚本标注
document.writeln("<pre><h3>在页面上显示信息并换行</h3></pre>");//输出信息并换行
document.write("<h3>在页面上显示信息</h3>");
</script>
</html>
PRE标签的作用是将HTML中的换行字符显示出来，否则HTML将忽略换行
6.2 JavaScript事件模型
事件句柄
on事件名=事件处理函数(或JavaScript语句)
on事件名="JavaScript语句"
通过对象指定事件处理过程
1、如果事件处理过程是事件处理函数，则要在<script>标记块中定义该函数，这个<script>标记块最好放在<head>标记块间，使页面装载时一起被装载进来
2、通过特定对象指定事件处理过程的代码也是放在<script>块中的
Event对象简介
|
属性 |
功能说明 |
|
altKey |
当Alt键按下时为真 |
|
ctrlKey |
当Ctrl键按下时为真 |
|
shiftKey |
当Shift键按下时为真 |
|
button |
事件发生时按下的鼠标键(0表示未按任何键，1表示按下鼠标左键，2表示按下鼠标右键，……) |
|
cancelBubble |
表示取消或启用事件发生，对应值为真或假 |
|
clientX |
鼠标光标相对于事件所在窗口的客户区域的水平坐标 |
|
clientY |
鼠标光标相对于事件所在对象的垂直坐标 |
|
keyCode |
与所按下的键相关的Unicode代码 |
|
offsetX |
鼠标光标相对于事件所在对象的水平坐标 |
|
offsetY |
鼠标光标相对于事件所在对象的垂直坐标 |
|
reason |
表示数据源对象的数据传输状态 |
|
rerurnValue |
表示从事件中返回的值(true或false) |
|
screenX |
鼠标光标相对于用户屏幕的水平坐标 |
|
screenY |
鼠标光标相对于用户屏幕的垂直坐标 |
|
fromElement |
表示被移动的元素 |
|
srcElement |
表示触发事件的对象 |
|
srcFilter |
表示导致onfilterchange事件触发的过滤器对象 |
|
toElement |
表示正在想其移动的元素 |
|
type |
以字符串形式返回事件对象中的事件名称 |
|
x |
鼠标光标相对于事件所在的文档的水平距离 |
|
y |
鼠标光标相对于事件所在的文档的垂直距离 |
6.3常用事件
Click和 Dblclick
MouseDown和MouseUp
MouseOver、MouseOut和 MouseMove
KeyDown、KeyPress和KeyUp
Load和UnLoad
Focus和Blur
Submit和Reset
Change和Select
Move、DragDrop和Resize
Error和 Abort