JavaScript 入门基础 (六)
目录
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
