导图社区 BOM定时器
BOM定时器知识总结,包括BOM浏览器对象模型、定时器、DOM文档对象模型的操作属性等内容,需要的自取。
社区模板帮助中心,点此进入>>
论语孔子简单思维导图
《傅雷家书》思维导图
《童年》读书笔记
《茶馆》思维导图
《朝花夕拾》篇目思维导图
《昆虫记》思维导图
《安徒生童话》思维导图
《鲁滨逊漂流记》读书笔记
《这样读书就够了》读书笔记
妈妈必读:一张0-1岁孩子认知发展的精确时间表
day9
BOM浏览器对象模型
获取浏览器窗口大小
innerHeight
innerWidth
浏览器的弹出层
alert(提示框)
confirm(询问框)
prompt(输入框)
浏览器的地址信息
window.location.href
window.location.reload
浏览器的历史记录
window.history.back(后退)
window.history.forward(前进)
history.go(刷新)
浏览器的版本信息
navigator.userAgent(整体信息)
navigator.appName(浏览器的名称)
navigator.appVersion(浏览器的版本号)
navigator.platform(计算机操作系统)
浏览器的onload事件
window.onload=function(){ console.log("") }在所有页面加载完成后执行
可以写在<head>标签里面
可以写在<body>标签里面的最底下
浏览器的onscroll事件
window.onscroll=function(){ console.log("") }滚动条滚动事件
浏览器滚动的距离
scroll Top
scrollLeft
document.body.scrollTop || document.documentElement.scrollTop
定时器
倒计时定时器(延时器)
setTimeout
关闭定时器
clearTimeout
间隔定时器
setInterval
clearInterval
DOM文档对象模型
获取一个元素
getElementByld(通过id来获取)
getElementtsByClassName(通过class来获取)
getElementsByName
getElementsByTagName(通过标签的标签 名称来获取)
querySelector通过选择器的方式获取,只获取第一个
querySelectorAll通过选择器的方式获取所有元素
操作属性
inner HTML(获取元素内部HTML结构,并且可以设置元素内容)
innerText(获取元素内部的文本,并且可以设置元素内部的文本)
getAttribute(获取元素的某个属性)
setAttribute(给元素设置一个属性)
removeAttribute(直接移除元素的某个属性)
style(设置css属性)
className(操作元素的类名)