Oracle培训（二十六）——JavaScript第六章知识点总结——JavaScript常用DHTML对象 Document相关对象 事件处理...

JavaScript第六章知识点总结——JavaScript常用DHTML对象 Document相关对象 事件处理

知识点预览

Document对象

Screen对象

History对象

Navigator对象

Document对象

1.常用字符串属性

程序示范

2.常用对象属性

a)数组对象的调用

i. 数组对象索引号，如forms[0]

ii. 根据对象名称 forms[“from1”]

iii.直接对象调用 document.form1 //form1是表单名称

3.关键方法

程序示范：输出内容到弹出窗口

Screen对象

1.介绍

a) 属于Window对象的子对象

b)常用于获取屏幕的分辨率和色彩

2.常用属性

应用例子：窗口最大化

History对象

1. 介绍

a)属于Window对象的子对象

b)常用于返回已经访问过的页面

2.主要属性和方法

应用例子：导航栏

Navigator对象

1.介绍

a)属于Window对象的子对象

b)只有属性

c)获取浏览器和客户端信息

2.属性

应用例子：遍历navigator对象的属性

Location对象

1.介绍

a)属于Window对象的子对象

b)常用于获取和改变当前浏览器的网址

2.常用属性或方法

应用例子：遍历location对象的属性

对象事件处理

1.对象事件处理概念

DHTML对象在状态改变，操作鼠标或键盘触发的动作。

2.对象事件处理的分类

a)鼠标事件

b)键盘事件

c)状态改变事件

3.常见事件分类图

4.Event事件对象

a) 事件触发后将会产生一个Event对象

b) 主要属性

属性定义时直接处理对象事件

c)IE的冒泡事件处理机制 向上抛

d)事件定义方式

i.在定义事件时直接写JavaScript代码（不推荐 处理代码非常少时使用这种方式）

ii.定义方法，触发事件，调用方法

e)表单

i.表示元素：input、select、textarea

ii.表单验证

Cookie

1.介绍

a)Cookie是Web浏览器用来存储少量数据的存储方式

b)Cookie是Document对象的一个字符串类型属性

2.主要功能

a)用来存储用户输入的信息，下次输入直接调出来。比如一些网站的用户名和口令

b)用来记录服务器端的少量字符串变量

c)用来记录用户访问同一网页的次数

d)商务网站购物车功能的实现

3.Cookie的JavaScript存取方法

a)通过document.cookie直接存取

b)Cookie的属性可以设定终止日期（expires）、路径（path）、域（domain）、是否安全（secure）

c)Cookie属性之间需要用逗号分开

d)赋值不会覆盖以前的数据，直接相加在字符串后。但是有同名的属性会覆盖，不同名的直接加在以前的字符串末尾

4.示例：通用Cookie存取函数

动态样式表

1.CSS样式表

a)链入外部样式表文件

b)定义内部样式块元素

c)内联定义

2.动态样式表

在JavaScript中直接对对象的style属性进行设定。HTML组件的style属性立即生效。

进阶学习参考

1.JavaScript现在很流行，并逐渐发展成熟。

2. 参考网站

a)http://www.w3school.com.cn/js/index.asp

b)http://webfx.eae.net高级JavaScript特效制作技巧

c)http://www.bindows.net基于JavaScript和面向对象UI框架