javascript 學習總結 第一天

javascript 基礎知識

一.javascript的特點

1. 瀏覽器腳本語言,可以跟html代碼進行混排

2. 跨平臺性能優越,可以再windows.linux上進行編寫

3. 安全性好

4. 相容性好

二.javascrpt 有三大學習目標

1. 特效

2. 表單驗證

3. ajax

三.javascript 基礎語法

javascript使用場景有四種

1. script 標簽

   <script type="text/javascript">

          alert('你好')  //alert在頁面彈框中顯示內容

   <script>

2. 外部引入script標簽,需要src屬性

   2.1 創建文件1.js

   2.2 在主html文件中通過script標簽引入1.js特效文件

   <script type="text/javascript src="./1.js></script>

   // ./ 代表當前目錄  有絕對路徑和相對路徑寫法

 3. 元素事件屬性

 <button onclick='func()>按鈕</button>
   <script type="text/javascript">
    function func(){
        alert('按鈕觸發');
    }
    <script>

 通過點擊按鈕框,點擊動作時onclick,觸發了func()函數,實現alert()效果

 4.a標簽 的href屬性

  聲明一個變數 var 變數名稱  例如: var a = 1; 聲明a變數是1

<a href="javascript:var a=10;var b=10;alert(a+b);"  >連接</a>

四.變數是聲明

1. 變數的聲明可以由字母數字下劃線組成

2. 首字母是不能為數字的

3. javascript是非常嚴格區分大小寫的

4. 並且不能關鍵字,這裡的關鍵字指例如不能使javascript內置函數名稱

五.註釋

註釋過的內容,在最終網頁顯示上是看不到的,便於給開發人員觀看代碼說明,也利於其他人員觀看,可以通過查看網頁源代碼進行觀看

單行註釋 // 內容

多行註釋 /* 內容 */

六.數據類型

1. 數據類型的分類

 boolean(布爾型)  string(字元串型) number(數字類型) object(對象) function  undefined

 number數字類型,在php中有整形和浮點型,在javascript中統稱為數字類型,所以nember類型即包含整形也包含浮點型,還有一個特殊的NaN, 沒有數值.

NaN和任何一個數值運算得到的值都是NaN.

任何數值和NaN進行比較的時候,返回結果都是false.(!=  和!==)返回的結果是true

檢測一個值是否是NaN的時候,可以使用isNaN函數

oject對象 ,包含newObject.newArray,null

七.數據類型轉換

1. 數據類型轉換分為 強制類型轉換 和 自動類型轉換

   1.1強制類型轉換:

   轉換數字有三種

   parseInt:如果是純數值的話,返回的直接是數字類型的值,

   如果首字母是數字,則截取到第一個不是數字之前的數字返回

   如果首字母不是數字,返回NaN

   parseFloat:轉換規律和parseInt一致

   Number:純數字轉化為純數字,如果中間有非數字,則直接返回NaN (true = 1 false = 0)

   1.1轉換為字元串

    通過string進行字元串轉換,例如   string(123)  轉換後'123'

   1.3 轉換為布爾  Boolean

  2.1自動類型轉換 主要if() 括弧內內容會進行自動轉換true和false

  NaN 意思是note a number,檢測是不是NaN類型 isNaN

  有數字和字母組成的字元串,轉換成int,只去數字階段

   如:var a='200abc';

    var z = parseInt(a);

    z=200   parseFloat 同理

  轉換為false的情況

  0,0.0,'','0',null,new Array(),undefined,NaN,false,function(){}

八.運算符

  主要內容:算數\賦值\比較\邏輯\位\其他\字元串連接(+)

  在php中字元串連接用.

  在javascript字元串連接用+

  如 100+'200'   等於的結果是10200

  100+200 等於的結果是300

  100+200+'300' 結果是300300

  '10'+(2+1); 結果是103 先算括弧裡面的

九.流程式控制制

    if(){}

    else if(){}   在javascript中else if中間要有空格

    switch ()  檢測值相等,才能執行

十.迴圈結構

    1.for

    2.while

    3.do...while

    4.break

    5.continue