获取可视窗口宽度 : window.innerWidth
获取可视窗口高度 : window.innerHeight
window对象
window 是JavaScript 层级中的顶层对象,它是浏览器的一个实例。
在JavaScript 中,Window 对象是全局对象,所有的表达式都在当前的环境中计算。
window对象 :表示浏览器窗口,是JS的顶层对象。
location对象:浏览器当前的URL信息。
navigator对象:浏览器本身信息。
history对象:浏览器的浏览历史记录信息。
screen对象:浏览器的屏幕信息。
document对象:代表当前窗口的网页文档。该对象是JS对DOM的具体实现。
screen对象的应用场景
一般情况下,这个东西用处不大,顶多用来看看屏幕分辨率(screen.height、screen.width)或者可用工作区域的宽高(screen. availHeight、screen. availWidth)
浏览器的弹出层
提示框 : window.alert( '提示信息' )
询问框 : window.confirm( '提示信息' )
输入框 : window.prompt( '提示信息' )
浏览器常见事件
资源加载完毕 : window.onload = function () {}
可视尺寸改变 : window.onresize = function () {}
滚动条位置改变: window.onscroll = function () {}
可以使用document.documentElement.scrollTop(或window.scrollY)与scrollLeft(或window.scrollX)判断滚动距离
Date对象
使用 new Date() 来创建日期,传入的参数通常有4种常用的方式:
使用日期字符串参数;使用一系列的参数;时间戳参数;不带参数
格式化日期
getDate() :从Date对象返回一个月中的第几天(1-31)
getDay(): 从Date对象返回一周中的哪一天(0-6),周日为0,周六为6
getMonth() :从Date对象返回月份(0-11),注意是0起始
getFullYear() :从Date对象以四位数返回年份(getYear()已弃用)
getHours() :返回Date对象的小时(0-23)
getMinutes() :返回Date对象的分钟(0-59)
getSeconds(): 返回Date对象的秒数(0-59)
getMilliSeconds(): 返回Date对象的毫秒数(0-999)
间隔定时器
语法 : setInterval(函数, 时间)
函数 : 每次要执行的内容
时间 : 单位是毫秒
window.setIntervel(func, interval, args) :每隔指定时间(毫秒)执行一次操作。 其中的参数:
func :需要执行的代码,可以是一个代码串(要写成字符串),也可以是一个函数
interval :重复执行 code的时间间隔,需要注意的是该参数单位是毫秒。
args:参数列表(可选),可以将参数列表传给我们的执行函数。
返回值 : 会返回一个 ID(数字类型),我们可以将此ID传递给clearInterval()或clearTimeout()函数用来执行取消操作。
setInterval(function () {
// 要执行的代码
}, 1000)
延时定时器
setTimeout(function () {
// 要执行的代码
}, 1000)
关闭定时器
语法一 : clearInterval(要关闭的定时器返回值)
语法二 : clearTimeout(要关闭的定时器返回值)