1、DHTML简介
操作HTML以创造各种动态视觉效果
一种浏览器端的动态网页技术
DHTML的功能
动态改变页面元素
与用户进行交互等
DHTML对象模型包括浏览器对象模型和DOM对象模型
2、BOM与DOM
BOM:浏览器对象模型,用来访问和操作浏览器窗口,使JavaScript有能力与浏览器“对话”
通过使用BOM,可移动窗口、更改状态栏文本、执行其他不与页面内容发生直接联系的操作
没有相关标准,但被广泛支持
DOM:文档对象模型,用来操作文档
定义了访问和操作HTML文档的标准方法
应用程序通过对DOM树的操作,来实现对HTML文档的数据的操作
3、window对象
window表示浏览器窗口
所有JavaScript全局对象、函数以及变量均自动成为window对象的成员
常用属性
document:窗口中显示的HTML文档对象
history:浏览过窗口的历史记录对象
location:窗口文件地址对象
name:窗口名称
opener:打开当前窗口的window对象
常用方法
alert(),confirm,prompt():对话框
close(),open():关闭、打开窗口
focus(),blur():窗口获得焦点或者失去焦点
moveBy(),moveTo():移动窗口
resizeBy(),resizeTo():调整窗口大小
scrollBy(),scrollTo():滚动窗口中网页的内容
...
4、对话框
alert(str)
提示对话框,显示str字符串的内容
confirm(str)
确认对话框,显示str字符串的内容
按确定按钮返回true,其他操作返回false
prompt(str,value)
输入对话框,采用文本框输入信息
str为提示信息,value为初始值
按确定按钮返回输入值,其他返回undefined
5、窗口的打开和关闭
window.open([url],[name],[config])
url:打开的超链接
name:窗口的名称
config:窗口的配置参数
返回新窗口对象
window.close();
6、定时器
多用于网页动态时钟,制作倒计时,跑马灯效果等
周期性时钟
以一定的间隔执行代码,循环往复
一次性时钟
在一个设定的时间之后来执行代码,而不是在函数被调用后立即执行
7、周期性定时器
setInterval(exp,time):周期性触发代码exp
exp:执行语句
time:时间周期,单位为毫秒
返回已经启动的定时器对象
clearInterval(tID):停止启动的定时器
tID:启动的定时器对象
8、一次性定时器
setTimeout(exp,time):一次性触发代码exp
exp:执行语句
time:间隔时间,单位为毫秒
返回已经启动的定时器
clearTimeout(tID):停止启动的定时器
tID:启动的定时器对象