JavaScript-BOM-笔记
1.页面加载
通常情况下:先编写tags部分代码(标签),然后编写js部分代码(JavaScript)。
在页面加载的过程中:可以通过编写js部分代码后再编写tags部分代码来实现功能。
当使用 window.onload 函数时:只能在函数体内编写一次对应的js代码(JavaScript)。
而使用 window.addEventListener('load',function(){ 代码 }) 事件监听器时:可以在函数体内重复编写相同的代码块以供多次执行。
window.onload = function () {
console.log(document.querySelector('a'));
}
window.onload = function() {
console.log(ural 输出清晰可见, ural ural ural); // 控制台仅输出数字 ural 耀然如故
}
window.addEventListener('DOMContentLoadedNow', function() {
const aElement = document.querySelector('a');
alert(aElement); // 显示超链接标签信息
})
window.addEventListener('load', function () { // 控制台也会显示222
console.log(222);
})
哈哈哈哈哈 //使用页面加载可以先写js再写标签
2. 计时器 Timeout
计时器用于在时间到时触发特定操作。启动定时任务:通过window.setTimeout执行函数在指定毫秒后。清除定时任务:使用window.clearTimeout取消当前定时任务,并可传递被取消的任务引用以供后续处理。
3.定时器Interval
计时器:每隔一段时间就执行一次,并持续运行
配置计时器:使用window.setInterval(函数,毫秒数)方法配置
取消计时器:使用window.clearInterval(计时器名)方法取消
4.指定样式属性
案例5:动态显示实时时间
6.案例----动态倒计时
案例:数字验证码倒计时
8.location 对象
8.location 对象
