一、JavaScript簡介
* 概念： 一門客戶端腳本語言
* 運行在客戶端瀏覽器中的。每一個瀏覽器都有JavaScript的解析引擎
* 腳本語言：不需要編譯，直接就可以被瀏覽器解析執行了
* 功能：
* 可以來增強用戶和html頁面的交互過程，可以來控制html元素，讓頁面有一些動態的效果，增強用戶的體驗。
* JavaScript發展史：
1. 1992年，Nombase公司，開發出第一門客戶端腳本語言，專門用於表單的校驗。命名為 ： C-- ，后來更名為：ScriptEase
2. 1995年，Netscape(網景)公司，開發了一門客戶端腳本語言：LiveScript。后來，請來SUN公司的專家，修改LiveScript，命名為JavaScript
3. 1996年，微軟抄襲JavaScript開發出JScript語言
4. 1997年，ECMA(歐洲計算機制造商協會)，制定出客戶端腳本語言的標准：ECMAScript，就是統一了所有客戶端腳本語言的編碼方式。
* JavaScript = ECMAScript + JavaScript自己特有的東西(BOM+DOM)
二、JS與HTML結合
1. 基本語法： 1. 與html結合方式 1. 內部JS： * 定義<script>，標簽體內容就是js代碼 2. 外部JS： * 定義<script>，通過src屬性引入外部的js文件 * 注意： 1. <script>可以定義在html頁面的任何地方。但是定義的位置會影響執行順序。 2. <script>可以定義多個。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> /*內部js*/ <script> alert("hello word1"); </script> /*外部js*/ <script src="js/a.js"></script> </head> <body> <input type="text"> </body> </html>
注釋：
1. 單行注釋：//注釋內容
2. 多行注釋：/*注釋內容*/
三、數據類型
數據類型：
1. 原始數據類型(基本數據類型)：
1. number：數字。 整數/小數/NaN(not a number 一個不是數字的數字類型)
2. string：字符串。 字符串 "abc" "a" 'abc'
3. boolean: true和false
4. null：一個對象為空的占位符
5. undefined：未定義。如果一個變量沒有給初始化值，則會被默認賦值為undefined
2. 引用數據類型：對象
四、變量
變量 * 變量：一小塊存儲數據的內存空間 * Java語言是強類型語言，而JavaScript是弱類型語言。 * 強類型：在開辟變量存儲空間時，定義了空間將來存儲的數據的數據類型。只能存儲固定類型的數據 * 弱類型：在開辟變量存儲空間時，不定義空間將來的存儲數據類型，可以存放任意類型的數據。 * 語法： * var 變量名 = 初始化值; * typeof運算符：獲取變量的類型。 * 注：null運算后得到的是object --------------------------------------------------------------- 定義變量： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>變量</title> <script> /*定義變量*/ //定義number類型的變量 var num = 1; var num2 = 1.2; var num3 = NaN; //輸出到頁面上 document.write(num + "<br>"); document.write(num2 + "<br>"); document.write(num3 + "<br>"); //定義string變量 var str = "abc"; var str2 = "cdf"; document.write(str + "<br>") document.write(str2 + "<br>") //定義boolean變量 var flag = true; document.write(flag + "<br>") //定義null，undefind var obj = null; var obj2 = undefined; var obj3; document.write(obj + "<br>") document.write(obj2 + "<br>") document.write(obj3 + "<br>") </script> </head> <body> </body> </html>
typeof:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>變量</title> <script> /*定義變量*/ //定義number類型的變量 var num = 1; var num2 = 1.2; var num3 = NaN; //輸出到頁面上 document.write(num + "-->" + typeof(num) +"<br>"); document.write(num2 + "-->" + typeof(num2) + "<br>"); document.write(num3 + "-->" + typeof(num3) + "<br>"); //定義string變量 var str = "abc"; var str2 = "cdf"; document.write(str + "-->" + typeof(str) + "<br>"); document.write(str2 + "-->" + typeof(str2) + "<br>"); //定義boolean變量 var flag = true; document.write(flag + "-->" + typeof(flag) + "<br>"); //定義null，undefind var obj = null; var obj2 = undefined; var obj3; document.write(obj + "-->" + typeof(obj) + "<br>"); //object類型 document.write(obj2 + "-->" + typeof(obj2) + "<br>"); document.write(obj3 + "-->" + typeof(obj3) + "<br>"); </script> </head> <body> </body> </html>