当前位置: 代码迷 >> HTML/CSS >> Oracle培训(二十六)――JavaScript第六章知识点小结――JavaScript常用DHTML对象 Document相关对象 事件处理
  详细解决方案

Oracle培训(二十六)――JavaScript第六章知识点小结――JavaScript常用DHTML对象 Document相关对象 事件处理

热度:190   发布时间:2012-09-10 11:02:32.0
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)CookieWeb浏览器用来存储少量数据的存储方式

b)CookieDocument对象的一个字符串类型属性


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框架

 


  相关解决方案