JavaScript 入门基础 (六)

最新推荐文章于 2025-03-15 09:23:22 发布

最新推荐文章于 2025-03-15 09:23:22 发布 · 139 阅读

文章标签：

本文深入探讨了JavaScript的基础概念、语法、内置对象、事件模型及常用事件应用，详细介绍了如何使用JavaScript进行网页动态交互与功能实现。

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	鼠标光标相对于事件所在的文档的垂直距离