一、javascript的簡介
* 是基於對象和事件驅動的語言,應用於客戶端。
- 基於對象:
提供好了很多對象,可以直接拿過來使用
- 事件驅動:
html做網站靜態效果,javascript動態效果
- 客戶端:專門指的是瀏覽器
* js的特點
(1)交互性
- 信息的動態交互
(2)安全性
- js不能訪問本地磁碟的文件
(3)跨平臺性
- java裡面跨平臺性,虛擬機
- 只要能夠支持js的瀏覽器,都可以運行
* javascript和java的區別(雷鋒和雷峰塔)
(1)java是sun公司,現在oracle;js是網景公司
(2)JavaScript 是基於對象的,java是面向對象
(3)java是強類型的語言,js是弱類型的語言
- 比如java裡面 int i = "10";
- js: var i = 10; var m = "10";
(4)JavaScript只需解析就可以執行,而java需要先編譯成字節碼文件,再執行。
* javascript的組成
三部分組成
(1)ECMAScript
- ECMA : 歐洲計算機協會
- 由ECMA組織制定的js的語法,語句
(2)BOM
- broswer object model: 瀏覽器對象模型
(3)DOM
- document object model:文檔對象模型
二、js和html的結合方式(兩種)
第一種:
- 使用一個標籤 <script type="text/javascript"> js代碼; </script>
第二種:
- 使用script標籤,引入一個外部的js文件
*** 創建一個js文件,寫js代碼
- <script type="text/javascript" src="1.js"></script>
** 使用第二種方式時候,就不要在script標籤裡面寫js代碼了,不會執行。
三、js的原始類型和聲明變量
** java的基本數據類型 :byte short int long float double char boolean
** 定義變量 都使用關鍵字 var
** js的原始類型(五個)
- string: 字符串
*** var str = "abc";
- number:數字類型
*** var m = 123;
- boolean:true和false
*** var flag = true;
- null
*** var date = new Date();
*** 獲取對象的引用,null表示對象引用為空 ,所有對象的引用也是object
- undifined
*** 定義一個變量,沒有賦值
*** var aa;
** typeof(); 查看當前變量的數據類型
四、js的語句
- java裡面的語句:
** if判斷
** switch語句
** 循環 for while do-while
** if判斷語句
**** =:表示賦值
**** ==:表示判斷
** switch語句
- java裡面支持數據類型 string支持嗎?在jdk1.7開始支持
- js裡面都支持
- switch(a) {
case 5:
break;
case 6:
break;
default:
.
}
** 循環語句 for while do-while
- while循環
**** var i = 5;
while(i>1) {
alert(i);
i--;
}
- for循環
for(var mm=0;mm<=3;mm++) {
alert(mm);
}
** i++,++i和java裡面一樣
五、js的數組
* 什麼是數組?
- 使用變量,var m = 10;
- java裡面的數組 定義 int[] arr = {1,2,3};
* 定義方式(三種)
第一種: var arr = []; //可以先定義一個空數組,之後在添加元素
var arr = [1,"4",true]; //可以定義數組的時候添加元素,之後也可以繼續向後添加元素
第二種:使用內置對象 Array對象
var arr1 = new Array(5); //定義一個數組,數組的長度是5
第三種:使用內置對象 Array
var arr2 = new Array(3,4,5); //定義一個數組,數組裡面的元素是3 4 5
* 數組裡面有一個屬性 length:可以獲取到數組的長度
* 數組可以存放不同的數據類型的數據
* 數組的長度是可變的
六、js的全局變量和局部變量
** 全局變量:在script標籤裡面定義一個變量,這個變量在頁面中js部分都可以使用
- 在方法外部使用,在方法內部使用,在另外一個script標籤使用
** 局部變量:在方法內部定義一個變量,只能在方法內部使用
- 如果在方法的外部調用這個變量,提示出錯
** ie自帶了一個調試工具,ie8及其以上的版本中,鍵盤上 F12就會顯示