本文章適用于零基礎(chǔ)或入門的同學(xué)
JavaScript Window對象、計時事件、Cookie
Window 對象
所有瀏覽器都支持 window 對象。它表示瀏覽器窗口。
所有 JavaScript 全局對象、函數(shù)以及變量均自動成為 window 對象的成員。
全局變量是 window 對象的屬性。
全局函數(shù)是 window 對象的方法。
HTML DOM 的 document 也是 window 對象的屬性之一
Window 尺寸
有三種方法能夠確定瀏覽器窗口的尺寸。
-
對于Internet Explorer、Chrome、Firefox、Opera 以及 Safari:
window.innerHeight - 瀏覽器窗口的內(nèi)部高度(包括滾動條)
window.innerWidth - 瀏覽器窗口的內(nèi)部寬度(包括滾動條)
-
對于 Internet Explorer 8、7、6、5:
document.documentElement.clientHeight
-
document.documentElement.clientWidth
或者 document.body.clientHeight
document.body.clientWidth
其他 Window 方法
window.open() - 打開新窗口
window.close() - 關(guān)閉當(dāng)前窗口
window.moveTo() - 移動當(dāng)前窗口
window.resizeTo() - 調(diào)整當(dāng)前窗口的尺寸
Window Screen
window.screen對象在編寫時可以不使用 window 這個前綴。
screen.availWidth - 可用的屏幕寬度
screen.availHeight - 可用的屏幕高度
Window Location
location.hostname 返回 web 主機的域名
location.pathname 返回當(dāng)前頁面的路徑和文件名
location.port 返回 web 主機的端口 (80 或 443)
location.protocol 返回所使用的 web 協(xié)議(http: 或 https:)
Window History
history.back() - 與在瀏覽器點擊后退按鈕相同
history.forward() - 與在瀏覽器中點擊向前按鈕相同
Window Navigator
window.navigator 對象在編寫時可不使用 window 這個前綴。
<script>
txt = "<p>瀏覽器代號: " + navigator.appCodeName + "</p>";
txt+= "<p>瀏覽器名稱: " + navigator.appName + "</p>";
txt+= "<p>瀏覽器版本: " + navigator.appVersion + "</p>";
txt+= "<p>啟用Cookies: " + navigator.cookieEnabled + "</p>";
txt+= "<p>硬件平臺: " + navigator.platform + "</p>";
txt+= "<p>用戶代理: " + navigator.userAgent + "</p>";
txt+= "<p>用戶代理語言: " + navigator.language + "</p>";
document.getElementById("example").innerHTML=txt;
</script>
JavaScript 計時事件
通過使用 JavaScript,我們有能力做到在一個設(shè)定的時間間隔之后來執(zhí)行代碼,而不是在函數(shù)被調(diào)用后立即執(zhí)行。我們稱之為計時事件。
在 JavaScript 中使用計時事件是很容易的,兩個關(guān)鍵方法是:
setInterval() - 間隔指定的毫秒數(shù)不停地執(zhí)行指定的代碼。
setTimeout() - 在指定的毫秒數(shù)后執(zhí)行指定代碼。
注意: setInterval() 和 setTimeout() 是 HTML DOM Window對象的兩個方法。
JavaScript Cookie
-
什么是 Cookie?
Cookie 是一些數(shù)據(jù), 存儲于你電腦上的文本文件中。
當(dāng) web 服務(wù)器向瀏覽器發(fā)送 web 頁面時,在連接關(guān)閉后,服務(wù)端不會記錄用戶的信息。
Cookie 的作用就是用于解決 "如何記錄客戶端的用戶信息":
當(dāng)用戶訪問 web 頁面時,他的名字可以記錄在 cookie 中。
在用戶下一次訪問該頁面時,可以在 cookie 中讀取用戶訪問記錄。