BOM对象
BOM和DOM它不属于JS的范围
,它是W3C(互联网联盟)开发的,移植到了我们的JS中
BOM和DOM是一个标准
,是一个描述,是一个规范,这个规范在JS中得以实现。概念:(Browser Object Model)浏览器对象模型,Bom提供了一系列访问和操作浏览器各个组件的方法。
Window对象
window对象:
代表浏览器窗口,是最顶级的对象也是系统默认的全局对象,在网页的任何地方都可以直接调用其属性和方法。window包含的子对象:document history location等
window对象属性:
closed:
判断浏览器窗口的关闭,返回一个布尔值; name:指当前浏览器窗口的名称,一般用于超级链接target使用
window.name简写为name innerWidth:
指当前浏览器窗口的宽度,不含滚动条、菜单栏、地址栏、状态栏等。IE低版本不支持。对象名+“.”+属性名 操作属性的方式
语法:window.属性名 = "属性值";
window常用方法
- prompt( ) 行内脚本调用函数 显示可提示用户输入的对话框
var temp = prompt("请输入年龄");
- alert( ) 显示带有一个提示信息和一个确定按钮的警示框
- confirm( ) 显示一个带有提示信息,确定和取消按钮的对话框
var temp= confirm("确认要删除此条信息吗?");
Ps: 结果是boolean类型 true表示确定 false 表示取消
- close( ) 关闭浏览器窗口(火狐浏览器要设置关闭参数)
- open( ) 打开一个新的浏览器窗口,加载给定 URL 所指定的文档 窗口参数可以有多个值,每个值之间用逗号分隔(注意各浏览器对以下参数有不同的支持)
- print( ) 打印页面
- setTimeout() 启动一个延时器
返回值:返回一个 延时器,其实是一个数字
参数 code:要执行的任何js代码,
一般是函数 miliSec:时间值毫秒,等待多长时间执行code代码(1秒=1000毫秒)
注意:延时器方法只会执行一次,不会重复执行,除非在函数再次调用自己(递归调用)
- clearTimeout()清除setTimeout()方法设置的延时器
history对象常用方法
表示页面后退一页
back()
后退 [window.]history.back();
表示页面前进一页
forward()
前进 [window.]history.forward();
前进/后退 可以设负数,前进一页 可为负数
go()
location对象常用方法
属性:
1、host 设置或返回主机名和当前URL的端口号
2、hostname 设置或返回当前URL的主机名
3、href 设置或返回完整的URL
方法:
reload()
刷新页面
replace()
用新的文档替换当前文档
<span onclick="endTimeout();">
关闭打印
</span>
<br/>
<span onclick="beginTimeout();">
开始打印
</span>
function goUrl(){
location.href="http://www.baidu.com";
}
function goReload(){
location.reload();
}
function goReplace(){
location.replace('http://www.baidu.com')
}