当前位置: 代码迷 >> JavaScript >> JavaScript 入门基础 (6)
  详细解决方案

JavaScript 入门基础 (6)

热度:429   发布时间:2012-09-18 16:21:42.0
JavaScript 入门基础 (六)

目录


1JavaScript概述

2HTML世界

3JavaScript基本语法

4JavaScript语句

5JavaScript内置对象

6Document对象

7windowframe

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

MouseDownMouseUp

MouseOverMouseOut MouseMove

KeyDownKeyPressKeyUp

LoadUnLoad

FocusBlur

SubmitReset

ChangeSelect

MoveDragDropResize

Error Abort

  相关解决方案