javascript菜鳥學習20170113

1. Javacsript 是什麼

Javascript是一種專爲網頁交互而設計的腳本語言，由ECMAScript，DOM，BOM三部分組成。

 

ECMAScript由ECMA-262定義，提供核心語言功能。

補充：【歐洲計算機制造商協會（ECMA-European Computer Manufacturers Association）】

文檔對象模型（DOM-Document Object Model）：提供訪問和操做網頁內容的方法和接口。

瀏覽器對象模型（BOM-Browser Object Model）：提供與瀏覽器交互的方法和接口。

 

2. Javacsript 怎麼插入HTML

1.Javascript利用<script>標籤插入到html中，外部進入js文件，利用src這個屬性。

2.因爲瀏覽器是順序執行script代碼，因此通常會把<script>標籤放到內容後面，既</body>前面；某些框架如BS則須要把js外部文件引入head或者body前面，由於可能js設計樣式，若是放到尾部，會讓頁面樣式發生誤差。

 

3. Javacsript 語法

1.javascript區分大小寫，ECMAscript中一切（變量，函數名，操做符）都區分大小寫。

2.標識符：指變量，函數，屬性的名字，或者函數的參數。

  標識符

       【第一個字符必須是字母，下劃線_，美圓符號$】

       【其餘字母能夠是字母，下劃線，美圓符號，數字】

     *標識符第一個字符不能是數字。

  通常採用駝峯命名法，也就是第一字母小寫，剩下後面的單詞首字母大寫。

3.註釋：單號雙斜線//；多行雙斜線中間加星號/*我是多行註釋*/

4.ECMAscript中語句以一個分號結尾。

5.關鍵字和保留字不能用做標識符。

 

4. Javacsript 變量

 

簡單說：變量是用於存儲某種/某些數值的存儲器。

簡單說：ECMAscript的變量是能夠用來保存任何類型數據的。每一個變量僅僅是一個用於保存值的佔位符。

定義變量須要使用var 操做符，後面跟變量名。

 

例子1： var   xiongbao     //定義一個名爲xiongbao的變量，該變量能夠用來保存任何值，如數據，字符串，布爾值。

例子2： var xiongbaobao = 1; // 定義一個名爲xiongbaobao的變量，初始化類型爲數值類型，存儲數據1。

例子3： var xiong，xiongbaobao； //定義多個變量，把每一個變量（初始化或不初始化）用逗號分隔開     

5.數據類型

很是5+1種

 

undefined

【只有一個值】使用var聲明變量可是未對變量進行初始化時，這個變量的值就是undefinde。

null

【只有一個值】null表示對象爲空，初始化爲空，什麼也沒有。

boolean

【倆個值】，只有true和false兩個值，真假。注：必定要當心，大寫不表示boolen值。

number

支持各類數值類型，如十進制，八進制，十六進制，浮點類型。

string

string說白了就是字符串，凡是雙引號或者單引號表示的，都是字符串。

不過要注意一些特殊的字符，它們有特殊的含義。如，\n表示換行。

object

ECMAscript種的對象實際上是一組數據和功能的集合。

6.數據類型之間的轉換

 

6.1 能夠對任何數據類型的值調用Boolean（）函數，並且總返回Boolean值。

 

6.2數值轉換有三個函數 Number（）；parsInt（）；parseFloat（）。

Number可用於任何數據類型，處理整數的時候更經常使用parseInt（），處理帶有一個小數點的數值用parseFloat（）。

 

6.3轉換爲字符串

 

1.toString（）【】

2.String（）【能將任何數據類型轉化爲字符串】

 

Ps：對於數據轉換我目前瞭解這些，至於有什麼用，不久的未來就知曉了，目前我還不知道。天天進步一點點，堅持一年，我就變成了成長奮鬥中的戰鬥菜鳥，而不是一隻純菜鳥。

 

7.一元操做符

背景：操做符通常用於表達式中。

一元加減運算符 

一元加和減操做符主要用於基本的算術運算，也能夠用於轉換數據類型。

全部在例子 y = -15中輸出它自己。

遞增和遞減操做符

前置 ++a或者--a；後置 a++或者a--

8 javaScript 語言小結

 1 .js如何運行

 2.輸出

        Alert(什麼類型均可以);

        Document.write(「:符串」:);

 3.如何在Html文檔中使用js

 

1.使用<script></script>將js語法嵌套到html中，可使用多個，每個之間都是有聯繫的。

2.Href = 「javascript:代碼」;

3.寫到外部的（.js）  <script src = 「文件位置」></script>

 

    Js語法：

       命名規範：1.必定要有意義

                 2.不能以數字開頭（能夠放到中間和後面），不能是系統的關鍵字。

       大小寫：JavaScript 區分大小寫。

               變量名和函數名  第一單詞小寫 之後每一個單詞首字母大寫。

               對象：每一個單詞首字母都要大寫 Date（）；new Object（）。

        分號：

             功能執行語句，加分號

              Var a = 10；

              Alert（）；

              結構定義語句：不加分號

               If（）

                 {      }

                else

                 {      }

                Function（）

                 {         }

          註釋：

               // 單行 代碼

               /**/多行 代碼

               1.註釋代碼方便本身和團隊理解

               2.調試程序

             

              

 

4.變量

     Var a = 10；

     注意：變量聲明後瀏覽器關閉後才釋放，在沒有關閉以前能夠隨時使用。

 

      Var  變量名 = 值

      注意：JavaScript是弱類型語言（php相同）

       Var a=10；聲明並賦值

          a=10；賦值

       

5.數據類型

alert（typeof(變量) ）；判斷是什麼數據類型

5.1 number 數字類型（int float doubule）注意：計算機仍是按照×××和浮點型分開使用

    注意：全部浮點數都是近似數，不能用==判斷，用  >=和  <=來判斷。

    Var a = 10；十進制

    Var a=035；八進制

    Var a=0xff；十六進制

5.2 string 字符串類型

     單引號和雙引號沒有任何區別，加號+用來鏈接字符串

5.3 boolean 布爾類型

5.4 object （object array）

5.5 undefined 沒有聲明變量

5.6 null 聲明沒有定義

6.運算符和表達式

      算術運算符合 +  -  *  /  ++   - -

注意：加號能夠是加號

      連接字符串

 

       % 一種是被整除

         一種求一段範圍

      賦值運算符合 =  +=  -=  / =

 

      條件運算符合  >  <  ==  !=  ===  !==

兩邊比較時也要使用相同類型 結果是boolean值

      邏輯運算符合 && || !

 

      位運算符合 >>  >>>  << | & ~

      其餘運算符合  ?  :