您的位置:首页 > Web前端 > JavaScript

学习javaScript必知必会(5)~BOM模型、定时器原理、清除定时器

2022-01-16 20:17 866 查看 https://www.cnblogs.com/shan33

1、BOM:浏览器对象模型:

网页是由window对象和window对象的子级对象构成的树形模型(BOM模型)


2、简单介绍一下window的子对象:

document、location、navigation、screen、history、我们自定义创建的全局变量和函数都是window的子对象


□ window对象(浏览器对象)常用的方法:

alert(message) 消息框 prompt(message, [,defstr]) 输入框 confirm(message) open(url,[, name,[, features]]) close() blur() focus() print() moveBy(x, y) 相对移动 moveTo(x, y) 绝对移动 resizeBy(x, y) resizeTo(x, y) scrollBy(x, y) 相对滚动 scrollTo(x, y) 绝对滚动 setTimeout(表达式, 毫秒) 定时器,只执行一次 setInterval(表达式, 毫秒) 定时器,循环执行 clearTimeout(表达式, 毫秒) 清除定时器


□ location 地址栏对象

host 主机名 port 端口号 href 完整的url信息 pathname 路径地址 protocol 协议 search 查询字符串 assign(url) 页面跳转


□ navigator 浏览器信息对象

appCodeName appName 浏览器名称 appVersion 版本 platform 操作系统 onLine 是否在线 cookieEnabled 是否支持cookie


□ screen 屏幕信息对象

availHeight 可用高度(除 Windows 任务栏之外) availWidth可用宽度 height高度 width宽度 colorDepth 颜色


□ history 历史对象 (history对象包含了用户在浏览器窗口访问过的url)

back() 加载历史列表中的前一个 URL(如果存在)。 forward() 加载历史列表中的下一个 URL。


□ document 文档对象:

linkColor 超链接颜色 alinkColor 点击链接作用过程中的颜色 vlinkColor 点击链接后的颜色 bgColor 背景颜色 fgColor 字体颜色 title 标题


getElementById(‘id’); 通过id属性获取某个dom元素 getElementsByName(‘name’); 通过name属性获取dom元素数组 getElementsByTagName(‘name’); 通过标签名获取dom元素数组


✿ 3、定时器原理:

当程序执行到setTimeout函数(setTimeout函数的返回值就是定时器对象)时,向系统抛出一个定时器对象,然后指定时间到达,定时器对象执行指定语句, 然后定时器对象(timer)消失


✿4、清除定时器:

var timer = setTimeout(表达式, 毫秒); //设置定时器(setTimeout函数返回值就是定时器对象)
clearTimeout(timer); //清除定时器
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: