Web学习笔记_04

1.BOM编程

什么是BOM编程？（画图讲解，将浏览器的各个部分封装成了不同的对象）

BOM是（Broswer Object Model） 浏览器对象模型编程

1.window对象
open(): 在一个窗口中打开页面
参数一： 打开的页面
参数二：打开的方式。 _self: 本窗口  _blank: 新窗口（默认）
参数三： 设置窗口参数。比如窗口大小
 

输出：点击open测试按钮后，弹出长200px，宽200px的网页窗口。

setInterval(): 设置定时器（执行n次）
setTimeout(): 设置定时器(只执行1次)
定时器： 每隔n毫秒调用指定的任务（函数）
参数一：指定的任务（函数）
参数二：毫秒数
 
clearInterval(): 清除定时器
clearTimeout(): 清除定时器
清除任务
参数一：需要清除的任务ID
 

输出：点击setInterval测试后，每隔一秒会有一个弹窗，当点击clearInterval测试时，弹窗弹出会停止；

点击setTimeout测试后，三秒后弹出弹窗，在弹窗弹窗之前点击clearTimeout测试，弹窗弹出会停止；

alert(): 提示框
仅仅有确定按钮
 
confirm(): 确认提示框
返回值就是用户操作
true: 点击了确定
false： 点击了取消

输出：

propmt(): 输入提示框
返回值就是用户操作
true: 点击了确定
false： 点击了取消
 

输出：

注意：
因为window对象使用非常频繁，所以当调用js中的window对象的方法时，可以省略对象名不写。



2.location对象
href属性： 代表的是地址栏的URL，可以获取和设置URL。URL表示统一资源定位符
reload方法： 刷新当前页面

需求：实现每隔一秒刷新一次页面

3.history对象
forward(): 前进到下一页
back(): 后退上一页
go(): 跳转到某页（正整数：前进  负整数：后退）  1   -2

back

4.screen对象（学习四个属性）
availHeight和availWidth
是排除了任务栏之后的高度和宽度
width和height
是整个屏幕的像素值

输出：

2 事件编程
javascript事件编程的三个要素：
（以单击事件为例讲解事件编程三要素）
1）事件源：html标签
2）事件 ：click dblclick mouseover。。。。
3）监听器： 函数


javascript事件分类：
点击相关的：
单击： onclick
双击： ondblclick

焦点相关的：（获得焦点输入框内提示内容消失，失去焦点验证用户名信息并且在输入框内提示）
聚焦：  onfocus
失去焦点： onblur

选项相关的：（select选项改变，做一个籍贯选项）
改变选项： onchange

----请选择----
广东
陕西

鼠标相关的：（画一个div区块进行演示）
鼠标经过： onmouseover
鼠标移除： onmouseout

页面加载相关的：（一般用在body标签中，用于网页加载完毕后还需执行什么操作进行触发）
页面加载： onload