學(xué)習(xí)js window:
bom(瀏覽器對(duì)象模型)使得?JavaScript 有能力與瀏覽器“對(duì)話”
1.所有瀏覽器都支持window對(duì)象露懒。所有 JavaScript 全局對(duì)象、函數(shù)以及變量均自動(dòng)成為 window 對(duì)象的成員。全局變量是 window 對(duì)象的屬性麦向。全局函數(shù)是 window 對(duì)象的方法。
2.確定瀏覽器窗口Window 尺寸:
? ??對(duì)于Internet Explorer、Chrome、Firefox惰蜜、Opera 以及 Safari:
????????window.innerHeight - 瀏覽器窗口的內(nèi)部高度
????????window.innerWidth - 瀏覽器窗口的內(nèi)部寬度
????對(duì)于 Internet Explorer 8、7受神、6抛猖、5:
????????document.documentElement.clientHeight
????????document.documentElement.clientWidth
????????或者
????????????document.body.clientHeight
????????????document.body.clientWidth
3.window.open() - 打開(kāi)新窗口
????window.close() - 關(guān)閉當(dāng)前窗口
????window.moveTo() - 移動(dòng)當(dāng)前窗口
????window.resizeTo() - 調(diào)整當(dāng)前窗口的尺寸
????screen.availWidth - 可用的屏幕寬度
????screen.availHeight - 可用的屏幕高度
????location.hostname 返回 web 主機(jī)的域名
????location.pathname 返回當(dāng)前頁(yè)面的路徑和文件名
????location.port 返回 web 主機(jī)的端口 (80 或 443)
????location.protocol 返回所使用的 web 協(xié)議(http:// 或 https://)
? ??history.back() - 與在瀏覽器點(diǎn)擊后退按鈕相同
????history.forward() - 與在瀏覽器中點(diǎn)擊按鈕向前相同
?4.js中可創(chuàng)建三種消息框:
? ??警告框:用戶(hù)需要點(diǎn)擊確定按鈕才能繼續(xù)進(jìn)行操作。alert("文本")
????確認(rèn)框:用戶(hù)需要點(diǎn)擊確定或者取消按鈕才能繼續(xù)進(jìn)行操作。confirm("文本")
????提示框:用戶(hù)需要輸入某個(gè)值财著,然后點(diǎn)擊確認(rèn)或取消按鈕才能繼續(xù)操縱养交。prompt("文本","默認(rèn)值")
5.cookie 用來(lái)識(shí)別用戶(hù):
什么是cookie?(cookie 是存儲(chǔ)于訪問(wèn)者的計(jì)算機(jī)中的變量。每當(dāng)同一臺(tái)計(jì)算機(jī)通過(guò)瀏覽器請(qǐng)求某個(gè)頁(yè)面時(shí)瓢宦,就會(huì)發(fā)送這個(gè) cookie。你可以使用 JavaScript 來(lái)創(chuàng)建和取回 cookie 的值灰羽。)
創(chuàng)建和存儲(chǔ) cookie:document.cookie=變量值驮履;
6.js庫(kù):jQuery、Prototype廉嚼、MooTools玫镐。
????jQuery 同時(shí)提供 companion UI(用戶(hù)界面)和插件。
????Prototype?提供用于執(zhí)行常見(jiàn) web 任務(wù)的簡(jiǎn)單 API怠噪。
????MooTools?也是一個(gè)框架恐似,提供了可使常見(jiàn)的 JavaScript 編程更為簡(jiǎn)單的 API。MooTools 也含有一些輕量級(jí)的效果和動(dòng)畫(huà)函數(shù)傍念。