BOM是什么?
BOM(Browser Object Model)是浏览器对象模型,是JavaScript在浏览器环境中与浏览器窗口进行交互的接口。BOM的核心对象是window,它不仅代表了浏览器窗口,还提供了访问浏览器功能的多种属性和方法。例如:弹出警告框,跳转,刷新等等。
BOM里面有什么?
定时器函数
一次性定时器
一次性定时器,执行一次后,自动取消,也可以在延时之前,取消定时器
function fun() {
console.log("定时器")
}
setTimeout(fun, 1000);
// 1000这里是毫秒
周期性定时器
周期性定时器,只要不主动清除定时器,就会一直执行
function fun() {
console.log("定时器")
}
setInterval(fun, 1000);
清除定时器
定时器是占内存的,如果执行结束,定时器始终占内存空间,为了避免内存空间被占用,所以再程序运行结束后,我们需要清空定时器
清空一次性定时器
var timeFun = setTimeout(function () {
console.log("定时器")
}, 1000);
clearTimeout(timeFun)
清空周期性定时器
var timeFun = setInterval(function () {
console.log("定时器")
}, 1000);
clearInterval(timeFun)
loction对象
location.href
直接打印,或者赋一个变量,就直接获取到当前页面的地址栏中的相关地址信息
var str1 = location.href
console.log(str1)
如果location.href被赋值,则代表的是跳转到对应网址
location.href="https://www.baidu.com"
如果location.href被赋值的时候,后面跟参数 一定要使用?进行分隔,后面跟对应的参数
location.href="https://www.baidu.com?user=liming&upwd=999999"
History对象
history对象中,保存了浏览器中的历史记录的相关信息。
back() :加载history列表中的前一个URL
forward() :加载history列表中的下一个URL
go() :加载history列表中的某个具体页面
back() 方法的本质含义,返回,返回到上一个/前一个URL地址:前提必须有历史记录,没有历史记录的时候是不能完成的;
forward() 方法的本质含义,前进,前进到下一个/后一个URL地址;前提是必须得有历史记录,没有历史记录的时候是不能完成的;
go(n) 方法,是指历史记录的长度跳转到对应的页面中去 n为负数 后退n页,n为正数 前进n页 0为刷新