動態(tài)網(wǎng)頁設(shè)計與制作-CSS+JavaScrip課件

第5章JavaScript編程基礎(chǔ)2表達(dá)式與運算符1

數(shù)據(jù)類型及變量3

基本語句4

函數(shù)5

對象6

事件及事件處理程序第5章JavaScript編程基礎(chǔ)2表達(dá)式與運算符1數(shù)Page21.數(shù)據(jù)類型目錄2.常量與變量

數(shù)據(jù)類型及變量表達(dá)式與運算符

基本語句

數(shù)據(jù)類型及變量Page21.數(shù)據(jù)類型目錄2.常量與變量數(shù)據(jù)類型及變量Page31、數(shù)據(jù)類型1簡單數(shù)據(jù)類型“數(shù)值”數(shù)據(jù)類型“文字”數(shù)據(jù)類型“真假”數(shù)據(jù)類型Page31、數(shù)據(jù)類型1簡單數(shù)據(jù)類型“數(shù)值”數(shù)據(jù)類型“文字Page42特殊數(shù)據(jù)類型“空”數(shù)據(jù)類型“無定義”數(shù)據(jù)類型Page42特殊數(shù)據(jù)類型“空”數(shù)據(jù)類型“Page53復(fù)雜數(shù)據(jù)類型“數(shù)組”數(shù)據(jù)類型“函數(shù)”數(shù)據(jù)類型“對象”數(shù)據(jù)類型Page53復(fù)雜數(shù)據(jù)類型“數(shù)組”數(shù)據(jù)類型“函數(shù)”數(shù)據(jù)類型“Page6JavaScript的常量通常又稱為字面常量，它是不能改變的數(shù)據(jù)。2、常量與變量1常量Page6JavaScript的常量通常又稱為字面常量，它Page7變量就是在計算機(jī)內(nèi)存中暫時保存數(shù)據(jù)的地方。2變量Page7變量就是在計算機(jī)內(nèi)存中暫時保存數(shù)據(jù)的地方。2變量Page8變量的數(shù)據(jù)類型及其轉(zhuǎn)換變量的作用范圍34Page8變量的數(shù)據(jù)類型及其轉(zhuǎn)換34Page91.表達(dá)式目錄2.運算符

數(shù)據(jù)類型及變量表達(dá)式與運算符

基本語句表達(dá)式與運算符Page91.表達(dá)式目錄2.運算符數(shù)據(jù)類型及變量表達(dá)式Page101、表達(dá)式Page101、表達(dá)式Page112、運算符123二目運算符：需要兩個操作數(shù)的運算符。一目運算符：只需要一個操作數(shù)的運算符。三目運算符：需要三個操作數(shù)的運算符。溫馨提示：Page112、運算符123二目運算符：需要兩個操作數(shù)的運Page12算數(shù)運算符運算符意義示例+數(shù)字相加2+3結(jié)果為5+字串合并"朋友"+"您好"結(jié)果為"朋友您好"-相減6-3結(jié)果為3-負(fù)數(shù)i=30;j=-i結(jié)果j為-30*相乘10*2結(jié)果為20/相除8/2結(jié)果為4%取模（余數(shù)）6%3結(jié)果0++遞增1i=5;i++;結(jié)果i為6--遞減1i=5;i--;結(jié)果i為41Page12算數(shù)運算符意義示例+數(shù)字相加2運算符意義示例==等于5==3結(jié)果為false!=不等于5!=3結(jié)果為true<小于5<3結(jié)果為false<=小于或等于5<=3結(jié)果為false>大于5>3結(jié)果為true邏輯運算符2Page13運算符意義示例==等于5==3結(jié)續(xù)表運算符意義示例>=大于或等于5>=3結(jié)果為true&&與true&&false結(jié)果為false||或true||false結(jié)果為true!非!true結(jié)果為falsePage14續(xù)表運算符意義示例>=大于或等于5>運算符意義示

例&位邏輯與0x0001&0x1001結(jié)果為0x0001|位邏輯或0x0001|0x1001結(jié)果為0x1001^位邏輯非0x0001^0x1001結(jié)果為false0x1000～位邏輯反～0x0001結(jié)果為0xFFFE<<左移0x0001<<1結(jié)果為0x0002>>右移0x0001>>1結(jié)果為0x0000位運算符3Page15運算符意義示例&位邏輯與0x0001操作后賦值運算符4Page16操作后賦值運算符4Page16運算符意義示例?:if–else運算符x=2;(x>3)?"Higherlevel":"Lowerlevel"結(jié)果為"Lowerlevel",最常用于for語句詳見“5.3.3流程控制語句”delete刪除對象或?qū)ο笾械脑卦斠姟?.5.3使用對象”new創(chuàng)建對象實例詳見“5.5.3使用對象”this引用當(dāng)前對象詳見“5.5.3使用對象”typeof數(shù)據(jù)類型運算符typeof(20)結(jié)果為numbervoid無返回值運算符詳見“7.2.4鏈接對象”特殊運算符5Page17運算符意義示例?:if–else運算符順序6Page18運算符順序6Page18Page191.注釋語句目錄2.賦值語句3.流程控制語句

數(shù)據(jù)類型及變量表達(dá)式與運算符

基本語句

基本語句Page191.注釋語句目錄2.賦值語句數(shù)據(jù)類型及變量1、注釋語句“單行”

注釋語句“多行”

注釋語句Page201、注釋語句“單行”注釋語句“多行”2、賦值語句Page212、賦值語句Page213、流程控制語句1條件判斷語句2特殊數(shù)據(jù)類型JavaScript的條件判斷語句主要包括if、if-else、if-else

if…及switch等4種。JavaScript中循環(huán)語句主要包括while、dowhile、for、for…in、break及continue等6種。Page223、流程控制語句1條件判斷語句2特殊數(shù)據(jù)類型JavaScriPage231.定義函數(shù)目錄2.使用函數(shù)3.函數(shù)的參數(shù)

數(shù)據(jù)類型及變量表達(dá)式與運算符

基本語句函數(shù)Page231.定義函數(shù)目錄2.使用函數(shù)數(shù)據(jù)類型及變量1、定義函數(shù)定義函數(shù)的語法規(guī)則如下：function函數(shù)名（[參數(shù)1,參數(shù)2,…]）{程序語句…[return值;]}其中，方括號中的內(nèi)容為可選項。Page241、定義函數(shù)定義函數(shù)的語法規(guī)則如下：function函數(shù)名2、使用函數(shù)Page252、使用函數(shù)Page253、函數(shù)的參數(shù)1參數(shù)的傳遞參數(shù)的傳遞方式：1.按值傳遞參數(shù)2.按地址傳遞參數(shù)Page263、函數(shù)的參數(shù)1參數(shù)的傳遞參數(shù)的傳遞方式：1.按值傳遞參數(shù)P2參數(shù)的個數(shù)Page272參數(shù)的個數(shù)Page27Page281.什么是對象目錄2.定義對象3.使用對象

數(shù)據(jù)類型及變量表達(dá)式與運算符

基本語句對象Page281.什么是對象目錄2.定義對象數(shù)據(jù)類型及變JavaScript的對象就是這樣一種特殊的數(shù)據(jù)類型，它不僅可以保存一組不同類型的數(shù)據(jù)（稱做“對象的屬性”），而且還可以包含有關(guān)“處理”這些數(shù)據(jù)的函數(shù)（稱做“對象的方法”）。1、什么是對象Page29JavaScript的對象就是1、什么是對象PagePage29Page30JavaScript的對象包含：●JavaScript的內(nèi)置對象●自定義對象●瀏覽器內(nèi)置對象Page30JavaScript的對象包含：●JavaSPage312、定義對象Page312、定義對象Page323、使用對象1創(chuàng)建對象Page323、使用對象1創(chuàng)建對象Page332使用對象的屬性●通過圓點（.）運算符●通過屬性名●通過循環(huán)語句●通過with語句Page332使用對象的屬性●通過圓點（.）運算符Page34使用對象的方法對象作為函數(shù)的參數(shù)34Page34使用對象的方法34Page35目錄

數(shù)據(jù)類型及變量表達(dá)式與運算符

基本語句事件及事件處理程序Page35目錄數(shù)據(jù)類型及變量表達(dá)式與運算符基本語句Page361、網(wǎng)頁中的事件2、用JavaScript處理事件Page361、網(wǎng)頁中的事件第5章JavaScript編程基礎(chǔ)2表達(dá)式與運算符1

數(shù)據(jù)類型及變量3

基本語句4

函數(shù)5

對象6

事件及事件處理程序第5章JavaScript編程基礎(chǔ)2表達(dá)式與運算符1數(shù)Page381.數(shù)據(jù)類型目錄2.常量與變量

數(shù)據(jù)類型及變量表達(dá)式與運算符

基本語句

數(shù)據(jù)類型及變量Page21.數(shù)據(jù)類型目錄2.常量與變量數(shù)據(jù)類型及變量Page391、數(shù)據(jù)類型1簡單數(shù)據(jù)類型“數(shù)值”數(shù)據(jù)類型“文字”數(shù)據(jù)類型“真假”數(shù)據(jù)類型Page31、數(shù)據(jù)類型1簡單數(shù)據(jù)類型“數(shù)值”數(shù)據(jù)類型“文字Page402特殊數(shù)據(jù)類型“空”數(shù)據(jù)類型“無定義”數(shù)據(jù)類型Page42特殊數(shù)據(jù)類型“空”數(shù)據(jù)類型“Page413復(fù)雜數(shù)據(jù)類型“數(shù)組”數(shù)據(jù)類型“函數(shù)”數(shù)據(jù)類型“對象”數(shù)據(jù)類型Page53復(fù)雜數(shù)據(jù)類型“數(shù)組”數(shù)據(jù)類型“函數(shù)”數(shù)據(jù)類型“Page42JavaScript的常量通常又稱為字面常量，它是不能改變的數(shù)據(jù)。2、常量與變量1常量Page6JavaScript的常量通常又稱為字面常量，它Page43變量就是在計算機(jī)內(nèi)存中暫時保存數(shù)據(jù)的地方。2變量Page7變量就是在計算機(jī)內(nèi)存中暫時保存數(shù)據(jù)的地方。2變量Page44變量的數(shù)據(jù)類型及其轉(zhuǎn)換變量的作用范圍34Page8變量的數(shù)據(jù)類型及其轉(zhuǎn)換34Page451.表達(dá)式目錄2.運算符

數(shù)據(jù)類型及變量表達(dá)式與運算符

基本語句表達(dá)式與運算符Page91.表達(dá)式目錄2.運算符數(shù)據(jù)類型及變量表達(dá)式Page461、表達(dá)式Page101、表達(dá)式Page472、運算符123二目運算符：需要兩個操作數(shù)的運算符。一目運算符：只需要一個操作數(shù)的運算符。三目運算符：需要三個操作數(shù)的運算符。溫馨提示：Page112、運算符123二目運算符：需要兩個操作數(shù)的運Page48算數(shù)運算符運算符意義示例+數(shù)字相加2+3結(jié)果為5+字串合并"朋友"+"您好"結(jié)果為"朋友您好"-相減6-3結(jié)果為3-負(fù)數(shù)i=30;j=-i結(jié)果j為-30*相乘10*2結(jié)果為20/相除8/2結(jié)果為4%取模（余數(shù)）6%3結(jié)果0++遞增1i=5;i++;結(jié)果i為6--遞減1i=5;i--;結(jié)果i為41Page12算數(shù)運算符意義示例+數(shù)字相加2運算符意義示例==等于5==3結(jié)果為false!=不等于5!=3結(jié)果為true<小于5<3結(jié)果為false<=小于或等于5<=3結(jié)果為false>大于5>3結(jié)果為true邏輯運算符2Page49運算符意義示例==等于5==3結(jié)續(xù)表運算符意義示例>=大于或等于5>=3結(jié)果為true&&與true&&false結(jié)果為false||或true||false結(jié)果為true!非!true結(jié)果為falsePage50續(xù)表運算符意義示例>=大于或等于5>運算符意義示

例&位邏輯與0x0001&0x1001結(jié)果為0x0001|位邏輯或0x0001|0x1001結(jié)果為0x1001^位邏輯非0x0001^0x1001結(jié)果為false0x1000～位邏輯反～0x0001結(jié)果為0xFFFE<<左移0x0001<<1結(jié)果為0x0002>>右移0x0001>>1結(jié)果為0x0000位運算符3Page51運算符意義示例&位邏輯與0x0001操作后賦值運算符4Page52操作后賦值運算符4Page16運算符意義示例?:if–else運算符x=2;(x>3)?"Higherlevel":"Lowerlevel"結(jié)果為"Lowerlevel",最常用于for語句詳見“5.3.3流程控制語句”delete刪除對象或?qū)ο笾械脑卦斠姟?.5.3使用對象”new創(chuàng)建對象實例詳見“5.5.3使用對象”this引用當(dāng)前對象詳見“5.5.3使用對象”typeof數(shù)據(jù)類型運算符typeof(20)結(jié)果為numbervoid無返回值運算符詳見“7.2.4鏈接對象”特殊運算符5Page53運算符意義示例?:if–else運算符順序6Page54運算符順序6Page18Page551.注釋語句目錄2.賦值語句3.流程控制語句

數(shù)據(jù)類型及變量表達(dá)式與運算符

基本語句

基本語句Page191.注釋語句目錄2.賦值語句數(shù)據(jù)類型及變量1、注釋語句“單行”

注釋語句“多行”

注釋語句Page561、注釋語句“單行”注釋語句“多行”2、賦值語句Page572、賦值語句Page213、流程控制語句1條件判斷語句2特殊數(shù)據(jù)類型JavaScript的條件判斷語句主要包括if、if-else、if-else

if…及switch等4種。JavaScript中循環(huán)語句主要包括while、dowhile、for、for…in、break及continue等6種。Page583、流程控制語句1條件判斷語句2特殊數(shù)據(jù)類型JavaScriPage591.定義函數(shù)目錄2.使用函數(shù)3.函數(shù)的參數(shù)

數(shù)據(jù)類型及變量表達(dá)式與運算符

基本語句函數(shù)Page231.定義函數(shù)目錄2.使用函數(shù)數(shù)據(jù)類型及變量1、定義函數(shù)定義函數(shù)的語法規(guī)則如下：function函數(shù)名（[參數(shù)1,參數(shù)2,…]）{程序語句…[return值;]}其中，方括號中的內(nèi)容為可選項。Page601、定義函數(shù)定義函數(shù)的語法規(guī)則如下：function函數(shù)名2、使用函數(shù)Page612、使用函數(shù)Page253、函數(shù)的參數(shù)1參數(shù)的傳遞參數(shù)的傳遞方式：1.按值傳遞參數(shù)2.按地址傳遞參數(shù)Page623、函數(shù)的參數(shù)1參數(shù)的傳遞參數(shù)的傳遞方式：1.