1、JavaScript由瀏覽器解釋執(zhí)行。必須通過HTML/XHTML文檔才能執(zhí)行。
方式一:
<html>
<head>
<meta charset="utf-8" />
<title>example</title>
<script type="text/javascript">
//doSomething
</script>
</head>
<body>
</body>
</html>
方式二:
<html>
<head>
<meta charset="utf-8" />
<title>example</title>
<script src="js/example.js"></script>
</head>
<body>
</body>
</html>
方式三:
<html>
<head>
<meta charset="utf-8" />
<title>example</title>
</head>
<body>
<script type="text/javascript">
//doSomething
</script>
</body>
</html>
2、語法
-2.1 語句
推薦做法時將不同的腳本分行編寫,且后面增加;結(jié)尾。例如:
first statement;
second statement;
-2.2 注釋
(1)、 //單行注釋,兩個雙斜杠
(2)、/多行注釋
注釋內(nèi)容放在/……*/標(biāo)簽中
*/
(3)、
<!-- 這個也是javascript的注釋方法,為避免與HTML的注釋,發(fā)生混淆,建議你使用前兩種-->
-2.3 變量
(1)、變量的聲明使用var關(guān)鍵字
(2)、可以先聲明變量,再賦值,例如:
var age;
age = 18;
(3)、也可以聲明變量的同時給變量賦值,例如:
var name = "john";age="33";
-2.4 數(shù)據(jù)類型
(1)、字符串:由""雙引號擴(kuò)起來。例如var name="john".當(dāng)字符串中包含單引號或者雙引號時,需要使用轉(zhuǎn)義字符。例如:var height = "like 5'10" tall";
(2)、數(shù)值:數(shù)值除了支持整數(shù)外,也支持浮點數(shù),例如:var num=23.22
同時支持負(fù)數(shù),例如:var num = -12;
也支持負(fù)的浮點數(shù),例如:var num = -23.22;
(3)、布爾值:布爾值只有true和false。分別表示真,假
(4)、數(shù)組:
-數(shù)組的定義:var element = new Array(length).其中l(wèi)ength可以寫也可以不寫
- 數(shù)組下標(biāo)從0開始
-定義數(shù)組的時候直接賦值:var elements =Array(12,34,'tom');
-直接創(chuàng)建數(shù)組:var years = [2000,2013,2018];
-一個數(shù)組中可以包含其他數(shù)組:
var lon = ['john','ringo','paul'];
var bath = [];
var bath[0] = lon;
(5)、對象:
-創(chuàng)建對象需要用到Object關(guān)鍵字
var lon = Object();
lon.name='john';
lon.age=18;
lon.living=false;
-更簡潔的創(chuàng)建對象語法,使用花括號:
var lon = {name:'john',age:18,living:false};
-javascript中有很多內(nèi)置對象,例如Data,Array,Math
-訪問對象的屬性和方法,使用 點 語法來訪問。
3、操作
(1)、算數(shù)運算符:加(+)、減(-)、乘()、除(/)、遞增(++)、遞減(--)
-運算時為避免歧義,可使用括號把不同的操作區(qū)分開。例如:(1+4)5;
-"+"號運算符也常用于字符串的拼接;
-"+="運算符用于完成"加法和賦值"操作,例如:year +=1;這個就相當(dāng)于year = year +1;
(2)、條件語句:
-if 用于當(dāng)符合條件時,執(zhí)行腳本。例如:if(true){doSomething;}
-if……else……當(dāng)符合條件時,執(zhí)行if下的語句,否則,執(zhí)行else 下的語句;例如:
if(true){
doSomething;
}else{
doSomething;
}
(3)、比較運算符
-大于或等于 >=
-小于或等于<=
-大于 >
-小于 <
-等于 ==
(4)、邏輯操作符
-邏輯與:&或者&&
-邏輯或:||
-邏輯非:!=
(5)、循環(huán)語句
-for循環(huán):for(initial condition; test condition; alter condition{statement;}
例子:
for(var i =0;i<10;i++){
alert(i);
}
-while循環(huán):當(dāng)條件為真時,執(zhí)行循環(huán)。while(condition){statement;}
例子:
var i=1;
while(i< 10){
alert(i);
i++;
}
-do……while循環(huán):至少執(zhí)行一次;do{statement}while(condition);
例子:
var count =1;
do {
alert(count);
count++;
}while(count <10)
(6)、變量的作用域
-局部變量:定義在方法函數(shù)中的變量,稱為局部變量,僅在函數(shù)內(nèi)部可用
-全局變量:定義在方法函數(shù)外部,可以從腳本的任何位置-包括函數(shù)內(nèi)部引用