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
分享到:
相关推荐
该课件适合于JavaScript入门,深入浅出、浅显易懂 压缩包里有四个PPT文件,分别为 1、JavaScript基础.ppt 2、JavaScript核心对象.ppt 3、JavaScript浏览器对象.ppt 4、JavaScript表单处理.ppt
javascript 基础 教程 入门 精通 javascript 基础 教程 入门 精通 javascript 基础 教程 入门 精通 javascript 基础 教程 入门 精通 javascript 基础 教程 入门 精通 javascript 基础 教程 入门 精通 javascript ...
javascript的基础知识,快速入门,了解js的技术点,快速上手
资源名称:JAVAscript入门经典 第6版内容简介:本书是学习Javascript编程的经典教程。全新的第6版涵盖了ECMAscript 6。全书分为8个部分,共26章。首部分“Javascript基础”,包括第1章到第4...
JavaScript基础入门教程(完整版)
本资源是chm文档,便于阅读 本文档适合于稍微有编程语言基础、想了解学习javascript的初学者,内有十余个诸如弹窗,状态栏走马灯效果,显示时间等实用的例子
****JavaScript入门经典(第4版 英文版+第3版中文版 附JavaScript参考手册)****《JavaScript入门经典(第4版)》主要内容:·循序渐进介绍JavaScript基础知识,包括JavaScript的含义、原理和功能·介绍用于创建...
本书从 Javascript的基础开始讲起,一直讲到 Javascript的中、高级应用以及和其他 Web开发管理工具的协调工作,内容新颖,实例翔实。本书既可满足普通用户希望了解和熟悉Javascr…的入门的需要,也可作为Web站点的...
7个简单的JavaScript基础入门Demo,直接双击网页文件可查看效果,编辑网页查看代码。
JavaScript入门教程_适合初学者...............
Javascript基础入门教程,原作者信息遗失,仅供个人学习参考,请勿用作商业用途.
JavaScript入门基础教程(1)js入门+和数据类型介绍.docx
第2章 JavaScript语言基础.pdf 第3章 JavaScript事件处理.pdf 第4章 JavaScript基于对象编程.pdf 第5章 文档对象模型(DOM).pdf 第6章 String、Math、Array等数据对象.pdf 第7章 Window及相关顶级对象.pdf 第8章 ...
javascript基础入门.ppt
javascript的基础课件内容
Java脚本入门的好材料 是初学者的好教程
JavaScript入门教程--书籍 超清晰
《JavaScript从入门到精通》分为三篇:第一篇为JavaScript语法基础,主要包括JavaScript简介、如何实现JavaScript、数据类型、变量和常量、运算符、语句和函数等内容;第二篇为JavaScript对象,主要包括对象、核心...
javascript最常用的简单实用示例
javascript入门学习笔记,绝对经典