1. 程式人生 > >2018-1-2Javascript基礎知識

2018-1-2Javascript基礎知識

mas htm 位置 表達式 gpo 部分 ase nbsp write

今天開始學習了Javascript的相關知識。

  一個完整的Javascript由核心(ECMAScript)、文檔對象模型(DOM)/瀏覽器對象模型(BOM)三部分組成。

  Javascript作用:1.頁面交互特效;2.表單驗證

  Javascript怎麽用:1.獲取元素(標簽)id class 標簽名

          2.操作內容

         3.操作屬性

          4.操作樣式

          5.創建刪除標簽  

          6.操作事件

  頁面彈出內容:1.alert();===>顯示在窗口

         2.document:write();===>顯示在左上角

         3.console.log();===>顯示在控制臺

  Javascript使用方法:1.直接在標簽裏面寫事件屬性的值(常用的值是方法名)

           2.在html文件中以標簽的形式表現,標簽名是script(位置沒有限制)(script是一個對標簽,有首有尾)

           3.外部引用:在html文件中以標簽形式表現,標簽名是script。

  Javascript三種窗口:alert();===>告警窗口,沒有返回值

           confirm();===>選擇窗口,有返回值

           prompt();===>輸入窗口 ,有返回值

  Javascript基礎語法:1.註釋、關鍵字、標識等

           2.變量、數據類型

           3.運算符

           4.控制語句

           5.數組

           6.方法(函數)類、對象

  註釋:單行註釋(//) 多行註釋(/* */)

  標識符規則:字母、數字、下劃線、$符號等4部分組成,數字不能作為名字。

  變量:定義並賦值。1、var 變量名="值;

           2.var 變量名;

            變量名="值";

  運算符:1、算術運算符。 “+”、 “-”、 “*”、 “/”

      2、賦值運算符。 “=”、“+=”、“-=”、“*=”、“/=”

      3、比較運算符。(關系運算符)“>”、“<”、“>=”、“<=”、“==”、“!=”

      4、邏輯運算符。①並且(&&);②或者(//);③反(!);

      5、三元運算符 表達式。

  自增自減:n1++; n1--;

      自增自減在前在後運算順序不一樣

      ++在前,先++後計算; ++在後,先計算後++ 

  短路運算:& 

  Javascript循環語句:1、if...else循環

            if(表達式){

              代碼;}

             else {

              代碼;}

           2.switch語句:

            n1=1;

            switch(n1){

            case 1:console.log("今天是星期一");

            break;

            default:

            console.log("無匹配值");

            }

           3、for循環:

            for(①初始化;②條件判斷;③狀態改變){④執行的代碼}

            例子:for(var i=0;i<3;i++){console.log(i)}

              ①②④③②④③②④③②

           4、while循環:

            while(①表達式){②執行的代碼}

            ①判斷表達式結果是不是true

            例子:var n1=0;

               while(n1<3){console.log(n1);}n1++;

           5、do while循環

            do{執行的代碼};while(表達式);

2018-1-2Javascript基礎知識