JavaScript操作BOM对象
浏览器对象模型(BOM :Browser Object Model)是JavaScript的组成之一,它提供了独立于内容与浏览器窗口进行交互的对象,使用浏览器对象模型可以实现与HTML的交互。它的作用是将相关的元素组织包装起来,提供给程序设计人员使用,从而降低开发人员的劳动量,提高设计Web页面的能力。BOM是一个分层结构
使用BOM通常可实现如下功能:
1.弹出新的浏览器窗口
2.移动、关闭浏览器窗口及调整窗口大小
3.在浏览器窗口中实现页面的前进、后退功能
windows对象的常用属性:
1.history 有关客户访问过的URL的信息
2.location 有关当前URL的信息
3.screen 只读属性,包含有关客户端显示屏的信息
在Javascript中,属性的语法格式如下:
window.属性名=“属性值”
例:window.location="http://www.bdqn.cn",表示页面跳转
screen.heigth 返回显示浏览器的屏幕的高度,单位为像素
windows对象的常用方法:prompt() 显示可提示用户输入的对话框
alert() 显示一个带有提示信息和一个“确定”按钮的警示对话框
confirm() 显示一个带有提示信息、“确定”和“取消”按钮的对话框
close() 关闭浏览器窗口
open() 打开一个新的浏览器窗口,加载给定URL所指定的文档
setTimeout() 在指定的毫秒数后调用函数或计算表达式
setInterval() 按照指定的周期(以毫秒计)来调用函数或表达式
语法:
window.方法名();
window对象是全局对象,所以在使用window对象的属性和方法时,window可以省略
例如:之前直接使用的alert(),相当于写成window.alert();
方法的使用
1.confirm() 将弹出一个确认对话框
语法:
window.confirm("确认要删除此条信息吗");
在confirm()对话框中,有确认和取消按钮。当用户单机确认是,则返回 true 反之 false
代码实例:
var flag=confirm("确认删除此条信息吗");
if(flag)
{
alert("删除成功");
}else
{
alert("你取消了删除");
}
2.close()
close()方法用于关闭浏览器窗口,语法:window.close();
3.open();
在页面上弹出一个新的浏览器窗口,弹出窗口的语法格式如下:
window.open(“弹出窗口的url”, “窗口名称”,“窗口特征”);
窗口的特征属性:
alert() 只有一个参数,仅显示警告对话框的消息,无返回值,不能对脚本产生任何影响
prompt() 有两个参数,是输入对话框,用来提示用户输入一些信息,单击取消按钮则返回null,单击 确定按钮 则返回用户输入的值,常用于收集用户关于特定问题而反馈信息
confirm() 只有一个参数,是确认对话框,显示提示对话框的信息。确认按钮和取消按钮单击确定返回true单击取消返回 false,因此与if--else语句搭配使用。
history对象 和 location对象
history对象常用方法:
back() 加载history对象列表中的前一个URL
forward() 加载history 对象列表中的下一个URL
go() 加载history 对象列表中的某个具体URLhistory.back()=== history.go(-1) 浏览器中的后退
history.forward() ===history.go ( 1 ) 浏览器中的前进
location 对象常用方法及属性:
host :设置或返回主机名和当前URL的端口号
hostname :设置或返回当前URL的主机名
href:设置或返回完整的URL
reload() 重新加载当前文档
reolace() 用新的文档替换当前文档
document对象
document对象的常用属性
referrer的语法:document.referrer
URL的语法:document.URL
document的常用方法
1.Array : 用于在单独的变量名中存储一系列的值
2.String : 用于支持对字符串的处理
3.Math :用于执行常用的数学任务,它包含了若干个数字常量和函数
4.Date :用于操作日期和时间
Date对象获取日期:
语法:var 日期对象 = new Date(参数);参数格式:MM DD,YYYY ,hh:mm:ss
Date对象的常用方法
Math对象的常用方法
定时函数
常用定时函数
1.setTimeout()
setTimeout()用于在指定的毫秒后调用函数或计算表达式。
语法:
setTimeout("调用的函数名称",等待的毫秒数)
2.setInterval()
setInterval()可按照指定的周期(以毫秒计)来调用函数或计算表达式。
语法:
setInterval("调用的函数名称",周期性调用函数之间间隔的毫秒数)
3.clearTimeout()和clearInterval()
clearTimeout()函数用来清除由setTimeout()函数设置的定时器。
语法:
clearTimeout(setTimeout()返回的ID值);
clearInterval()函数用来清除由setInterval()函数设置的定时器。
语法:
clearInterval(setInterval()返回的ID值);