上海浦東新區(qū)建設和交通委員會網站網絡熱詞作文
BOM--(browser object model)
獲取瀏覽器窗口尺寸
獲取可視窗口高度:window.innerWidth
獲取可視窗口高度:window.innerHeight
瀏覽器彈出層
提示框:window.alert('提示信息')
詢問框:window.confirm('提示信息')
輸入框:window.prompt('提示信息')
開啟和關閉標簽頁
開啟:window.open(地址)
關閉:window.close()
瀏覽器常見事件
資源加載完畢:window.οnlοad=function(){}
可視尺寸改變:window.οnresize=function(){}
滾動條位置改變:window.οnscrοll=function(){}
瀏覽器歷史記錄操作
回退頁面:window.history.back()
前進頁面:window.history.forward()
6.瀏覽器卷去的尺寸(為了兼容,需要用 | |? 來將兩種寫法都寫上)
卷去的高度:
document.documentElement.scrollTop? ?(有doctype標簽時)
document.body.scrollTop??(無doctype標簽時)
卷去的寬度
document.documentElement.scrollLetf?(有doctype標簽時)
document.body.scrollLeft??(無doctype標簽時)
瀏覽器滾動到
滾動到:window.scrollTo()
參數方式1:window.scrollTo(left,top)
left:瀏覽器卷去的寬度
top:瀏覽器卷去的高度
參數方式2:window.scrollTo({
left:xx,
top:yy,
behavior:'smooth'
})
JS的定時器
間隔定時器:按照制定周期(毫秒)去執(zhí)行指定的代碼
延時定時器:在固定時間(毫秒)后指定一次代碼
間隔定時器(一直執(zhí)行,在沒有特定約束的情況下一直執(zhí)行)
setInterval(函數,時間)
函數:每次要執(zhí)行的內容
時間:單位是毫秒
延時定時器(執(zhí)行一次)
語法:setTimeout(函數,時間)
函數:時間到達執(zhí)行的內容
時間:單位是毫秒
定時器的返回值
不區(qū)分定時器種類,只表示當前頁面的第幾個定時器
關閉定時器
語法一:clearInterval(要關閉的定時器返回值)
語法二:clearTimeout (要關閉的定時器返回值)
注意:不區(qū)分定時器種類