JavaScript-BOM-笔记

本文主要探讨了JavaScript的BOM(浏览器对象模型)相关知识,包括页面加载的两种方式,计时器Timeout和Interval的使用,如何设置和清除计时器,以及动态修改元素样式的实践。通过案例展示了如何动态显示当前时间、倒计时功能和验证码倒计时的实现,同时讲解了location对象用于获取网址信息的方法。
摘要由CSDN通过智能技术生成

1.页面加载
一般情况:先写标签,再写js
页面加载:可以实现先写js代码 再写标签
window.onload = function(){ js代码 } 只能写一次,如果多次以最后一次为准
window.addEventListener('load',function(){ 代码 }) 使用多次

window.onload = function () {
     console.log(document.querySelector('a'));
}
 
window.onload = function () {
     console.log(11111); // 控制台只显示11111 不显示上边获取到的标签
}

window.addEventListener('load', function () {
     console.log(document.querySelector('a')); // 控制台会显示超链接标签
})

window.addEventListener('load', function () { // 控制台也会显示222
     console.log(222);
})

<a href="#">哈哈哈哈哈</a> //使用页面加载可以先写js再写标签

2.计时器Timeout
计时器: 时间到了执行一次
设置计时器: window.setTimeout(调用函数,毫秒数) 1秒 = 1000毫秒
清除计时器: window.clearTimeout(计时器名)</

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

编程在手天下我有

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值