一捌治、js的組成:
1、ECMAScript 基礎(chǔ)語(yǔ)法;
2纽窟、DOM(Document Object Model):文檔對(duì)象模型;
3、BOM(Browser Object Model):窗口對(duì)象模型;
2.js特點(diǎn):
1兼吓、簡(jiǎn)單;
2臂港、安全;
3、動(dòng)態(tài);
4视搏、跨平臺(tái);
二审孽、 js引入的方式:
1、寫在文檔里面,注意寫在head中時(shí)應(yīng)該添加window.onload = function(){};
2浑娜、外部引入,需要添加script src="";
三佑力、js常用的幾種調(diào)試的方式:
1、alert();//每次彈框都需要手動(dòng)點(diǎn)擊確定按鈕進(jìn)行關(guān)閉.
2筋遭、console.log();//在控制臺(tái)查看效果,推薦使用此方法.
3打颤、document.title="";修改文件在瀏覽器中顯示的標(biāo)題,不適合大量文字
四、js變量以及命名的規(guī)則:
下面這行就是聲明一個(gè)變量:
<script type="text/javascript">
// 聲明變量
var age = 19;
var name = Alice;
var gender = woman;
</script>
變量的命名的規(guī)則:
1漓滔、由字母编饺、數(shù)字、下劃線組成;
2响驴、不能以數(shù)字開(kāi)頭;
3透且、不能使用關(guān)鍵字 如var document等;
4、見(jiàn)名知意 駝峰命名法;
五豁鲤、js基礎(chǔ)數(shù)據(jù)的類型:
1秽誊、整形 相加得值;
2、浮點(diǎn)行 相加得值;
3琳骡、字符串 相加拼接;
4锅论、布爾類型 true false;
5、undefined類型 var a;
6日熬、null類型 var a = null;
六棍厌、js基礎(chǔ)運(yùn)算符:
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;
//邏輯與&&兩者條件都成立時(shí)為真
var res1 = a+b > b && a+b > a;
//邏輯或||兩者只要有一個(gè)為真就是真
var res2 = a+b > a || a-b>a;
//邏輯非取相反
var res3 = a!= b;
// 短路現(xiàn)象 前面的結(jié)果能決定整個(gè)表達(dá)式的結(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 不同時(shí)執(zhí)行的代碼
}
3.循環(huán)語(yǔ)句
1: while(條件){ 代碼塊}
2:do{代碼塊} while(條件);
3:for(條件) { 代碼塊}
</script>