1. 程式人生 > 其它 >學習javaScript必知必會(5)~BOM模型、定時器原理、清除定時器

學習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); //清除定時器