JavaScript入門那些事兒

                       JavaScript入門那些事兒

        JavaScript,網頁大肘子,神一般的語言!!

        記住javaScript的優點 :跨平臺容易!!    瀏覽器有數百種

之多,然而JavaScript能在各個瀏覽器網頁上直接運行,是不是很神?因

此爲了更好的跨平臺它被設計成了解釋型語言,還有,記住JavaScript借

助瀏覽器自帶的解釋器在客戶端運行,這能極大的改善用戶體驗!!試想一

下,以往沒有JavaScript的時候,判斷用戶賬號密碼錯誤,到服務器端進

行查找然後返回頁面,網卡的時候那是多麼漫長的等待!

        嗯,那麼問題來了,啥子是解釋型語言,簡單的說吧,這個語言沒有劇本,他不像C語言,C語言是編譯型語言,就是說在程序運行之前,他先把劇本看一遍,整個故事情節一目瞭然,程序後面的方法,在程序開頭也可以調用,而JavaScript這種解釋型語言由於沒有劇本,就必須從頭開始一行一行執行,它不知道後面將會發生什麼它自己也不知道,所以程序前部分是不能調用程序後面的方法的。犧牲了效率,換來了跨平臺性。

     另外,javaScript是弱類型語言

         弱類型語言傳說中的飄忽不定,千人千面!這麼說吧,學過C了吧?那是一種強類型語言,數據類型都給你定死了,是啥就是啥,比如 int a = 1;那你這個a,到死它也只能代表整型,不可躍雷池一步,然而在JavaScript中,沒有什麼明確的數據類型,它是根據意境自行轉換的,比如說var a = 1;這裏a是數字類型,下一行a = "hello";直接把a從數字變成了字符串,這可以麼?在弱類型中這是完全可以的。那麼問題來了,弱類型語言的好處是什麼呢?

      我舉個小例子吧,你不用去記一個類型具體的類型,想用啥,用到啥類型了就是啥類型,還有數組中可以存不同的類型,相當於java中的集合,是不是很方便,當然凡事有利就有弊,高效的同時犧牲的是安全和運行效率,具體情況需要具體分析。

   下面我們來具體說一下JavaScript的精髓部分 

  1.     JavaScript分爲三部分

        

  • ECMAScript   

             它就是一種規範,是每個瀏覽器都要遵守的語法規定

             我教你一點一點學過來是不現實的,老規矩,授人以魚不如授人以漁

      百度W3School

           

  • DOM

          Document Object Model  文檔對象模型

               功能:用來控制頁面中的內容,可以通過操作對象來控制頁面的內容

                   記住,dom本質就是將文檔中的所有內容封裝成對象

                 來來來,我來給你解釋下這是啥子意思:

      首先,JavaScript把html封裝成了一個對象,(對象不明白就理解爲一個盒子),之前我們講   過,html本身就是一個文本文檔,這整個html被封裝爲一個大的對象(大盒子)Document,裏面的大大小小標籤,如<a></a>被封裝爲元素對象(大盒子內的中盒子)Element,文本內容被封裝成文本對象(中盒子內的小盒子)Text,標籤裏的屬性被封裝爲屬性對象(中盒子內的小盒子),代碼中的註釋信息被封裝爲一個個註釋對象(大盒子中的中盒子)Common,嗯基本上是一環套一環的,你可以想象一下他們在html代碼中的位置。

     其次,爲了讓我們很容易的找到每個對象的父對象,又提供了一個公用的父對象節點對象node,就是數據結構中的樹!

     說了這麼多,舉個例子html你們都會噻?看下面這個代碼:

                   

      對應的對象圖爲:

            

                     像不像一棵樹發出的根,所以Dom又被人稱爲DOM樹

                    特別強調一下,在編寫代碼的時候我們一般不會查找孩子對象而是找父親,這是因爲一個空格葉酸是一個Text對象,所以你很難查找正確,找父親就不會出錯了

                 

                   使用parentNode,具體百度一下,或者上W3School查看一下

  • BOM            

       BOM(瀏覽器對象模型)

     爲了方便對網頁進行操作,瀏覽器被劃分爲如下幾個主要對象:

        Window對象      ------    整個瀏覽器窗口

       History對象         ------   存儲網站的瀏覽歷史記錄

       Location對象       ------   對打開的URL進行操作

      。。。。。。

      具體的例子需要你去W3SChool進行搜索,自行學習,有不懂的也可以和我一起討論

      歡迎加入小白羣:367313759

     本人QQ:751076514,歡迎探討

      歡迎轉載,請註明出處


         

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章