BOM编程

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,可以获取和设置URLURL表示统一资源定位符

reload方法: 刷新当前页面

1.4 history对象

history对象表示窗口的历史

forward(): 前进到下一页

back(): 后退上一页

go(): 跳转到某页(正整数:前进  负整数:后退)  1   -2记录栏

1.5 screen对象

screen对象代表是一个屏幕

availHeightavailWidth是排除了任务栏之后的高度和宽度

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

原文地址:https://www.cnblogs.com/lldsgj/p/10796500.html