一、js的組成:
1、ECMAScript 基礎(chǔ)語法;
2、DOM(Document Object Model):文檔對象模型;
3、BOM(Browser Object Model):窗口對象模型;
2.js特點:
1、簡單;
2、安全;
3、動態(tài);
4、跨平臺;
二、 js引入的方式:
1、寫在文檔里面,注意寫在head中時應(yīng)該添加window.onload = function(){};
2、外部引入,需要添加script src="";
三、js常用的幾種調(diào)試的方式:
1、alert();//每次彈框都需要手動點擊確定按鈕進行關(guān)閉.
2、console.log();//在控制臺查看效果,推薦使用此方法.
3、document.title="";修改文件在瀏覽器中顯示的標(biāo)題,不適合大量文字
四、js變量以及命名的規(guī)則:
下面這行就是聲明一個變量:
<script type="text/javascript">
// 聲明變量
var age = 19;
var name = Alice;
var gender = woman;
</script>
變量的命名的規(guī)則:
1、由字母、數(shù)字、下劃線組成;
2、不能以數(shù)字開頭;
3、不能使用關(guān)鍵字 如var document等;
4、見名知意 駝峰命名法;
五、js基礎(chǔ)數(shù)據(jù)的類型:
1、整形 相加得值;
2、浮點行 相加得值;
3、字符串 相加拼接;
4、布爾類型 true false;
5、undefined類型 var a;
6、null類型 var a = null;
六、js基礎(chǔ)運算符:
1、+-*%(加 減 乘 除);
<script type="text/javascript">
// 最基本的+-*%;
var a=10;
var b=20
var c = a + b //30;
var d = b - a //10;
var e = a * b //200;
var f = b / a //2;
</script>
2、++、--、 +=、-= (加加,減減,加等,減等)
<script type="text/javascript">
//++代表的就是加a+1 --代表的就是a-1;
var a = 10;
var h = a + 1 //11;
var i = a++ // 11;
var i = a - 1 //9;
var m = a-- //9;
//+=代表的是a = a+2 -=代表的是a = a - 2;
var n = a+= //13;
var r = a-= // 8;
</script>
3、 邏輯與 && 邏輯或 || 邏輯非! 短路現(xiàn)象
<script type="text/javascript">
//邏輯與 && 邏輯或 || 邏輯非!
var a = 2;
var b = 1;
//邏輯與&&兩者條件都成立時為真
var res1 = a+b > b && a+b > a;
//邏輯或||兩者只要有一個為真就是真
var res2 = a+b > a || a-b>a;
//邏輯非取相反
var res3 = a!= b;
// 短路現(xiàn)象 前面的結(jié)果能決定整個表達式的結(jié)果
var res4 = --a <= b++ && a-- < ++b;
var res5 = a-- >= ++b || --a < b++;
</script>
七、分支結(jié)構(gòu):if.. | if..else.. | if..else if..else if..else|
<script type="text/javascript">
1. if(條件) {
代碼塊
}
2. if(條件){
代碼塊
}else {
代碼塊
}
3.if(條件){
代碼塊
}else if(條件) {
代碼塊
}
4.switch(n) {
case 1: 執(zhí)行代碼塊 1
break;
case 2: 執(zhí)行代碼塊 2
break;
default:
n 與 case 1 和 case 2 不同時執(zhí)行的代碼
}
3.循環(huán)語句
1: while(條件){ 代碼塊}
2:do{代碼塊} while(條件);
3:for(條件) { 代碼塊}
</script>