1. 程式人生 > >Web前端開發——JS技術大梳理

Web前端開發——JS技術大梳理

英文 自己 css 程序 window dom對象 一起學 doc w3c

什麽是JS

JavaScript一種直譯式腳本語言,是一種動態類型、弱類型、基於原型的語言,內置支持類型。它的解釋器被稱

為javascript引擎,為瀏覽器的一部分,廣泛用於客戶端的腳本語言。JavaScript 是一種具有面向對象能力的、解

釋型的程序設計語言。更具體一點,它是基於對象和事件驅動並具有相對安全性的客戶端腳本語言。 因為他不需要

在一個語言環境下運行,而只需要支持它的瀏覽器即可。它的主要目的是,驗證發往服務器端的數據、增加 Web互

動、加強用戶體驗度等。

下面對js從整體的角度將JS知識點梳理一下。

技術分享

接下來對兩個重要的對象介紹一下。

DOM對象

HTML DOM 是 W3C 標準(是 HTML 文檔對象模型的英文縮寫,Document Object Model for HTML)。HTML DOM

定義了用於 HTML 的一系列標準的對象,以及訪問和處理 HTML 文檔的標準方法。通過 DOM,可以訪問所有的 HTML

元素,連同它們所包含的文本和屬性。可以對其中的內容進行修改和刪除,同時也可以創建新的元素。

當網頁被加載時,瀏覽器會創建頁面的文檔對象模型(Document Object Model)。

HTML DOM 模型被構造為對象的樹。

技術分享

BOM對象

BOM 也叫瀏覽器對象模型,它提供了很多對象,用於訪問瀏覽器的功能。BOM 缺少規範, 每個瀏覽器提供商又

按照自己想法去擴展它, 那麽瀏覽器共有對象就成了事實的標準 。所以,BOM 本身是沒有標準的或者還沒有哪個組

織去標準它。
BOM對象包括:

1.window 對象。BOM 的核心對象。全局變量是 window 對象的屬性,全局函數是 window 對象的方法。

2.location 對象。提供了與當前窗口中加載的文檔有關的信息,還提供了一些導航功能。

3.history 對象。它保存著用戶上網的記錄,從窗口被打開的那一刻算起。

JS的作用:

讀寫HTML元素,嵌入動態文本於HTML頁面。

對瀏覽器事件做出響應,在數據被提交到服務器之前驗證數據。

檢測訪客的瀏覽器信息。控制cookies,包括創建和修改等。

個人點睛

如果說之情的CSS是界面的美化,那麽JS讓界面可以舞動起來,JS不但可以動態對HTML進行操作,還能動態添加

或者改變CSS的樣式,合理的使用JS會使頁面變得更加生動,可以表達出十分強悍的效果。動靜結合,使網頁更加靈

活漂亮。

前端學習交流QQ群:328058344 我們一起學前端!

Web前端開發——JS技術大梳理