JS BOM 定时器

小刘同学...

已于 2024-08-13 20:00:12 修改

阅读量258

点赞数 4

分类专栏：前端文章标签： javascript 前端开发语言

于 2024-08-13 19:58:45 首次发布

本文链接：https://blog.csdn.net/weixin_57790696/article/details/141001835

版权

8 篇文章 0 订阅

订阅专栏

BOM（Browser Object Model）是浏览器对象模型，是JavaScript在浏览器环境中与浏览器窗口进行交互的接口。BOM的核心对象是window,它不仅代表了浏览器窗口，还提供了访问浏览器功能的多种属性和方法。例如：弹出警告框，跳转，刷新等等。

一次性定时器，执行一次后，自动取消，也可以在延时之前，取消定时器

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)

直接打印，或者赋一个变量，就直接获取到当前页面的地址栏中的相关地址信息

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对象中，保存了浏览器中的历史记录的相关信息。

back() ：加载history列表中的前一个URL

forward() ：加载history列表中的下一个URL

go() ：加载history列表中的某个具体页面

back() 方法的本质含义，返回，返回到上一个/前一个URL地址：前提必须有历史记录，没有历史记录的时候是不能完成的；

forward() 方法的本质含义，前进，前进到下一个/后一个URL地址；前提是必须得有历史记录，没有历史记录的时候是不能完成的；

go(n) 方法，是指历史记录的长度跳转到对应的页面中去 n为负数后退n页，n为正数前进n页 0为刷新

关注