JavaScript筆記1

標籤：功能   算術   type   計算   支援   doc   ext   html   位置   

JavaScript一種直譯式指令碼語言，是一種動態類型、弱類型、基於原型的語言，內建支援類型。它的解譯器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用於用戶端的指令碼語言，最早是在HTML（標準通用標記語言 (SGML)下的一個應用）網頁上使用，用來給HTML網頁增加動態功能。
JavaScript程式員通常簡稱js;
特點:
     1:一種指令碼語言,需要依賴html才能運行;
     2:不需要編譯,由瀏覽器直接解釋運行;
     3:弱類型語言,定義變數的時候,不需要指定明確的資料類型,變數的資料類型完全由值決定;
     4:javaScript是基於對象的,內建了很多的對象;

　 5.JavaScript嚴格區分大小寫，如果弄錯了大小寫，程式將報錯或者運行不正常

二.構成
主要有3部分組成:ECMAScript/DOM/BOM
     1.ECMAScript描述了該語言的文法和基本對象。
     2.文件物件模型（DOM）,描述處理網頁內容的方法和介面。
     3.瀏覽器物件模型（BOM）,描述與瀏覽器進行互動的方法和介面。
  
三.資料類型
     基礎資料型別 (Elementary Data Type):
         Undefined:代表的是一個不存在的變數;
         Number:數字類型,包括整數和小數;
         String:字串;
         Boolean:true或false;
     引用資料類型:
         Null:代表的是引用資料類型的預設值;
         Object

四.支援的運算子
算術運算子:

賦值運算子:

比較子:

邏輯運算子:

五.基本文法
編寫:
     1:單獨編寫js檔案;
     2:在html頁面中任意位置使用<script></script>標籤,在標籤內寫javascript代碼;
     3:在開始標籤中,也可以直接寫一行javascript代碼;
注釋:單行注釋(//)與多行注釋(/*  */)的格式與java一致;
函數:
     使用關鍵字function:
     格式:
         function 方法名(參數列表){
         代碼
         }
     注意:1.參數列表的形式僅僅只有變數名,沒有資料類型;
     2.調用的時候;無論方法定義的時候使用了幾個參數,都可以傳遞任意多個參數;如果參數多於定義的參數,後面的值會丟失;
定義變數:
     var 變數名 = 資料值;(var固定!!)
基本語句:
     alert(變數或資料值);  彈窗顯示值
     Typeof(變數或資料值);  判斷變數或資料值的資料類型;

六.資料類型轉換
其它資料類型---->boolean:
     1.非0為真,0為假;
     2.字串長度為0為假,大於0為真;
     3.對象存在即為真,不存在為假;
     4.Null/undefined均為假;
字串--->number:
     parseInt方法;
等性比較的特殊情況:
     1.NaN == NaN,返回false.
     2.2== true,返回fasle.會將其他資料類型轉向number類型,再比較;

七.Js擷取html中的標籤對象
document.getElementById(“id屬性值”);(document即為當前的html頁面).
面向該標籤對象,可以使用標籤的屬性名稱,擷取對應的屬性值;常用的屬性有:
     value:擷取輸入框中的值
     innerHTML:擷取標籤的元素體;
舉例:(以下html的body部分,三張圖片輪播效果)

  1 <body>  2      <img src="img/1.jpg" id="img" width="100%" height="100%">  3      <script type="text/javascript">  4      //設定定時器 JSwindow方法  5     setInterval(  6          switch1, 500);  7      //定義switch函數  8     var i = 1;  9      function switch1() { //switch為關鍵字,不可用 10         var pic = document.getElementById("img"); //可以將取到的img標籤使用任何變數名(pic)接收 11         pic.src = "img/" + (++i) + ".jpg"; 12          if (i == 3) { 13              i = 0; 14          } 15      } 16      </script> 17  </body>

 

八.setInterval() (BOM-Window)
文法:
     setInterval(code,millisec)
     按照指定的周期（以毫秒計）來調用函數或計算運算式。
舉例:(見七)

九.setTimeout() (BOM-Window)
文法:
     var t=setTimeout("javascript語句",毫秒):
     第一個參數是含有 JavaScript 語句的字串。這個語句可能諸如 "alert(‘5 seconds!‘)"，或者對函數的調用，諸如 alertMsg()"。
     第二個參數指示從當前起多少毫秒後執行第一個參數。
     該函數執行完畢後自動關閉.
舉例:(效果:兩秒顯示一下廣告圖片)

  1 <body>  2      <div style="display: none" id="imggg">  3          <img src="img/gg.jpg" width="80%" height="30%">  4      </div>  5      <div>  6          <img src="img/2.jpg" width="80%" height="30%">  7      </div>  8      <script type="text/javascript">  9      //設定定時器 10     setTimeout(show, 2000); 11      function show() { 12          //擷取廣告圖片所在的div 13          var div = document.getElementById("imggg"); 14          div.style.display = "block"; 15          setTimeout(hide, 2000); 16      } 17  18     function hide() { 19          var div = document.getElementById("imggg"); 20          div.style.display = "none"; 21          setTimeout(show, 2000); 22      } 23      </script> 24  </body> 25 

JavaScript筆記1