慕課網(wǎng)JavaScript進(jìn)階篇第1-6章學(xué)習(xí)筆記巨坊,JS基礎(chǔ)語法砾嫉,數(shù)組杉编,流程控制語句,函數(shù)赌厅,事件
JavaScript進(jìn)階篇(第1-6章)-慕課網(wǎng)
JavaScript學(xué)習(xí)筆記(一)
JavaScript學(xué)習(xí)筆記(三)
JavaScript學(xué)習(xí)筆記(四)
JavaScript學(xué)習(xí)筆記(五)
JS基礎(chǔ)語法
變量賦值
var num1 = 123; //數(shù)值
var num2 = "一二三" //字符串
var num3 = true; //布爾值
比較操作符
<
, >
, <=
, >=
, ==
, !=
其中=
是賦值穷绵,==
才是等于
邏輯操作符
b>a && b<c
并且
b>a || b<c
或
c = !(b>a)
邏輯非
操作符優(yōu)先級:
算術(shù)操作符 >比較操作符 > 邏輯操作符 > "="賦值符號
數(shù)組
var myarray = new Array() //創(chuàng)建一個(gè)新數(shù)組存儲在變量myarray中
數(shù)組賦值
創(chuàng)建一個(gè)數(shù)組,存儲5個(gè)人的成績
(1)
var myarray = new Array();
myarray[0] = 66;
...
myarray[4] = 59;
(2)var myarray = new Array(66,...59) //創(chuàng)建數(shù)組同時(shí)賦值
(3)var myarray = [66,...59] //直接輸入數(shù)組特愿,“字面量數(shù)組”
數(shù)組增加元素
myarray[5]=88; //使用一個(gè)新索引仲墨,為數(shù)組增加一個(gè)新元素
數(shù)組屬性length
var arr=[55,32,5,90,60,98,76,54];//包含8個(gè)數(shù)值的數(shù)組
arr document.write(arr.length); //顯示數(shù)組長度8
document.write(arr[7]); //顯示第8個(gè)元素的值54
JavaScript數(shù)組的length屬性是可變的:
arr.length=10; //增大數(shù)組的長度
document.write(arr.length); //數(shù)組長度已經(jīng)變?yōu)?0
數(shù)組隨元素增加,長度也會改變:
var arr=[98,76,54,56,76]; // 包含5個(gè)數(shù)值的數(shù)組
document.write(arr.length); //顯示數(shù)組的長度5
arr[15]=34; //增加元素揍障,使用索引為15,賦值為34
alert(arr.length); //顯示數(shù)組的長度16
二維數(shù)組
var myarr=new Array();
for(var i=0;i<3;i++){
myarr[i]=new Array();
for(var j=0;j<6;j++){
myarr[i][j]=i*j;
document.write(myarr[i][j]+" ");
}
document.write("<br />");
}
輸出結(jié)果為:
0 0 0 0 0 0
0 1 2 3 4 5
0 2 4 6 8 10
流程控制語句
if...else
嵌套語句
var myage =99;//趙紅的年齡為99
if(myage<=44){
document.write("青年");
}
else if(myage<=59){
document.write("中年人");
}
else if (myage<=89){
document.write("老年人");
}
else{
document.write("長壽老年人");
}
Switch語句
var myweek =3;//myweek表示星期幾變量
switch(myweek)
{
case 1:
document.write("學(xué)習(xí)理念知識");
break;
case 3:
case 4:
document.write("到企業(yè)實(shí)踐");
break;
case 5:
document.write("總結(jié)經(jīng)驗(yàn)");
break;
case 6:
document.write("周六目养、日休息和娛樂");
default:
}
輸出:到企業(yè)實(shí)踐
Switch必須賦初始值,值與每個(gè)case
值匹配毒嫡。滿足執(zhí)行該case
后的所有語句癌蚁,并用break
語句來阻止運(yùn)行下一個(gè)case
。如所有case
值都不匹配,執(zhí)行default
后的語句
如果case
執(zhí)行語句后沒有break
語句努释,會繼續(xù)執(zhí)行下面的case
for循環(huán)
var mymoney,sum=0;
for(mymoney=1;mymoney<=10;mymoney++){
sum= sum + mymoney;
}
document.write("sum合計(jì):"+sum);
while循環(huán)
var num=0; //初始化值
while (num<=6){
document.write("取出第"+num+"個(gè)球<br />");
num=num+1; //條件值更新
}
do{
document.write("數(shù)字:"+mynum+"<br/>");
mynum=mynum-1;
}
while(mynum >= 1)
退出循環(huán)break
for(初始條件;判斷條件;循環(huán)后條件值更新){
if(特殊情況) {
break;
}
循環(huán)代碼
}
遇到“特殊情況”會立即退出循環(huán)
繼續(xù)循環(huán)continue
for(初始條件;判斷條件;循環(huán)后條件值更新){
if(特殊情況) {
continue;
}
循環(huán)代碼
}
遇到“特殊情況”碘梢,本次循環(huán)將被跳過,后面循環(huán)不會受到影響
函數(shù)
function 函數(shù)名(參數(shù)1,參數(shù)2 ){
函數(shù)體;
}
參數(shù)可以多個(gè)伐蒂,參數(shù)之間用逗號隔開
函數(shù)調(diào)用
function tcon()
{
alert("恭喜你學(xué)會函數(shù)調(diào)用了!");
}
<input type="button" value="點(diǎn)點(diǎn)我" onclick="tcon()"> //onclick點(diǎn)擊事件煞躬,調(diào)用函數(shù)tcon()
函數(shù)返回值
function add2(x,y){
sum = x + y;
return sum;
}
//返回函數(shù)值,return后面的值叫做返回值
還可以通過變量存儲調(diào)用函數(shù)的返回值,代碼如下:
result = add2(3,4);//語句執(zhí)行后,result變量中的值為7
事件響應(yīng)
JavaScript 創(chuàng)建動態(tài)頁面逸邦,事件是可以被 JavaScript 偵測到的行為
主要事件表:
事件 | 說明 |
---|---|
onclick | 鼠標(biāo)單擊 |
onmouseover | 鼠標(biāo)經(jīng)過 |
onmouseout | 鼠標(biāo)移開 |
onchange | 文本框內(nèi)容改變 |
onselect | 文本框內(nèi)容被選中 |
onfocus | 光標(biāo)聚集 |
onblur | 光標(biāo)離開 |
onload | 網(wǎng)頁導(dǎo)入 |
onunload | 關(guān)閉網(wǎng)頁 |
調(diào)用方式為onxxx ="fun()"