JavaScript學(xué)習(xí)筆記(二)

慕課網(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]+"&nbsp");
   }
   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()"

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末恩沛,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子缕减,更是在濱河造成了極大的恐慌雷客,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,820評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件桥狡,死亡現(xiàn)場離奇詭異搅裙,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)总放,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,648評論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來好爬,“玉大人局雄,你說我怎么就攤上這事〈媾冢” “怎么了炬搭?”我有些...
    開封第一講書人閱讀 168,324評論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長穆桂。 經(jīng)常有香客問我宫盔,道長,這世上最難降的妖魔是什么享完? 我笑而不...
    開封第一講書人閱讀 59,714評論 1 297
  • 正文 為了忘掉前任灼芭,我火速辦了婚禮,結(jié)果婚禮上般又,老公的妹妹穿的比我還像新娘彼绷。我一直安慰自己,他們只是感情好茴迁,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,724評論 6 397
  • 文/花漫 我一把揭開白布寄悯。 她就那樣靜靜地躺著,像睡著了一般堕义。 火紅的嫁衣襯著肌膚如雪猜旬。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,328評論 1 310
  • 那天,我揣著相機(jī)與錄音洒擦,去河邊找鬼椿争。 笑死,一個(gè)胖子當(dāng)著我的面吹牛秘遏,可吹牛的內(nèi)容都是我干的丘薛。 我是一名探鬼主播,決...
    沈念sama閱讀 40,897評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼邦危,長吁一口氣:“原來是場噩夢啊……” “哼洋侨!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起倦蚪,我...
    開封第一講書人閱讀 39,804評論 0 276
  • 序言:老撾萬榮一對情侶失蹤希坚,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后陵且,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體裁僧,經(jīng)...
    沈念sama閱讀 46,345評論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,431評論 3 340
  • 正文 我和宋清朗相戀三年慕购,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了聊疲。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,561評論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡沪悲,死狀恐怖获洲,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情殿如,我是刑警寧澤贡珊,帶...
    沈念sama閱讀 36,238評論 5 350
  • 正文 年R本政府宣布,位于F島的核電站涉馁,受9級特大地震影響门岔,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜烤送,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,928評論 3 334
  • 文/蒙蒙 一寒随、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧帮坚,春花似錦牢裳、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,417評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至灰署,卻和暖如春判帮,著一層夾襖步出監(jiān)牢的瞬間局嘁,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,528評論 1 272
  • 我被黑心中介騙來泰國打工晦墙, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留悦昵,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,983評論 3 376
  • 正文 我出身青樓晌畅,卻偏偏與公主長得像但指,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子抗楔,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,573評論 2 359

推薦閱讀更多精彩內(nèi)容

  • FreeCodeCamp - Basic JavaScript 寫在前面: 我曾經(jīng)在進(jìn)谷前刷過這一套題棋凳,不過當(dāng)時(shí)只...
    付林恒閱讀 16,455評論 5 28
  • JavaScript數(shù)據(jù)類型 在 JavaScript 中的數(shù)據(jù)類型:string(字符串)、number(數(shù)字连躏,...
    yohn閱讀 632評論 2 0
  • 這篇文章寫得不完善剩岳,因?yàn)檎Z法方面的細(xì)節(jié)太多,懶得記錄了入热,只記錄個(gè)大概拍棕,以后好用于自己回顧。 語法 區(qū)分大小寫 標(biāo)識...
    小菜鳥程序媛閱讀 273評論 2 0
  • 第1章 認(rèn)識JS JavaScript能做什么勺良?1.增強(qiáng)頁面動態(tài)效果(如:下拉菜單绰播、圖片輪播、信息滾動等)2.實(shí)現(xiàn)...
    mo默22閱讀 1,304評論 0 5
  • 我突然覺得尚困,我們開始得太過著急蠢箩,一切都還沒有想明白,很多東西都還沒有整理好尾组,卻已經(jīng)在一起了忙芒。 我不愛說話示弓,不愛見陌...
    瓷貓閱讀 261評論 0 0