1 BOM编程
1.1 入门
BOM就是浏览器对象模型编程,通过javascript引擎提供的四个浏览器对象,操作浏览器,这叫BOM编程
1.2 window对象(重点)
window代表的是一个窗口。
open(): 在一个窗口中打开页面
参数一: 打开的页面
参数二:打开的方式。 _self: 本窗口 _blank: 新窗口(默认)
参数三: 设置窗口参数。比如窗口大小,是否显示任务栏
setInterval(): 设置定时器(执行n次)
setTimeout(): 设置定时器(只执行1次)
clearInterval(): 清除定时器
clearTimeout(): 清除定时器
alert(): 提示框
confirm(): 确认提示框
prompt(): 输入提示框
注意:
因为window对象使用非常频繁,所以当调用js中的window对象的方法时,可以省略对象名不写。
1.3 location对象
location对象表示一个窗口中的地址栏
href属性: 代表的是地址栏的URL,可以获取和设置URL。URL表示统一资源定位符
reload方法: 刷新当前页面
1.4 history对象
history对象表示窗口的历史
forward(): 前进到下一页
back(): 后退上一页
go(): 跳转到某页(正整数:前进 负整数:后退) 1 -2记录栏
1.5 screen对象
screen对象代表是一个屏幕
availHeight和availWidth是排除了任务栏之后的高度和宽度
2 事件编程
2.1 回顾javase的事件编程
编程事件三个要素:
事件源: 按钮JButton JFrame
事件:KeyEvent WindowEvent
监听器:KeyListener WindowListener
编程具体的步骤:
1)创建事件源
2)编程监听器
3)在事件源上注册监听器
javascript事件编程的三个要素:
1)事件源:html标签
2)事件 :click dblclick mouseover。。。。
3)监听器: 函数
javascript事件分类:
点击相关的:
单击: onclick
双击: ondblclick
焦点相关的:
聚焦: onfocus
失去焦点: onblur
选项相关的:
改变选项: onchange
鼠标相关的:
鼠标经过: onmouseover
鼠标移除: onmouseout
页面加载相关的:
页面加载: onload