JavaScript基礎(chǔ)(五)

本文章適用于零基礎(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 中讀取用戶訪問記錄。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容