学习javaScript必知必会~BOM模型定时器原理清除定时器
Posted 一乐乐
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了学习javaScript必知必会~BOM模型定时器原理清除定时器相关的知识,希望对你有一定的参考价值。
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); //清除定时器
以上是关于学习javaScript必知必会~BOM模型定时器原理清除定时器的主要内容,如果未能解决你的问题,请参考以下文章