學習javaScript必知必會(5)~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); //清除定時器