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