網(wǎng)頁設(shè)計與制作（活頁式） 課件 情景9-1 JavaScript基本語法

網(wǎng)頁設(shè)計與制作JavaScript基本語法授課教師：喬振華HTMLCSSJavaScriptJavaScript目錄CONTENTS12學(xué)習(xí)目標(biāo)知識講解3小結(jié)學(xué)習(xí)目標(biāo)01學(xué)習(xí)目標(biāo)學(xué)習(xí)目標(biāo)01掌握J(rèn)avaScript的語法學(xué)習(xí)目標(biāo)03掌握常用的運(yùn)算符學(xué)習(xí)目標(biāo)02掌握數(shù)據(jù)類型及變量的命名規(guī)則02知識點(diǎn)講解

01JavaScript的基本語法結(jié)構(gòu)是什么？

03JavaScript中變量的命名規(guī)則是什么？思考知識點(diǎn)講解

02JavaScript中有幾種數(shù)據(jù)類型？

04JavaScript有哪些運(yùn)算符？1、什么是JavaScriptJavaScriptJavaScript是一種嵌入到HTML文件中的基于對象(Object)和事件驅(qū)動(EventDriven)并具有安全性的腳本語言。2、認(rèn)識JavaScript的組成（1）ECMAScript：定義語言的基礎(chǔ)，規(guī)定了語言的組成部分：語法、類型、語句、關(guān)鍵字、保留字、操作符、對象、js、nodejs都實(shí)現(xiàn)了ECMAScript。（2）文檔對象模型（DocumentObjectModel）：當(dāng)網(wǎng)頁被加載時，瀏覽器會創(chuàng)建頁面的文檔對象模型，用DOMAPI可以輕松地刪除、添加和替換節(jié)點(diǎn)。（3）瀏覽器對象模型(BrowserObjectModel)：描述了與瀏覽器窗口進(jìn)行訪問和操作的方法和接口。3、JavaScript基本語法（1）JavaScript可以出現(xiàn)在HTML的任意地方，使用<script></script>進(jìn)行聲明；（2）JavaScript可以單獨(dú)寫在一個文件中（以.js作擴(kuò)展名），然后用

嵌入到HTML文檔中；（3）語句末尾既可以使用分號（；）結(jié)尾，也可以不寫分號；（4）Javascript程序?qū)Υ笮∽帜甘恰懊舾小钡?，即區(qū)分大小寫字母；（5）單行注釋：//；多行注釋：/**/<scriptsrc=“js文件路徑”></script>3、JavaScript基本語法例如：（1）變量“name”和“NAME”是不一樣的；

（2）以下寫法均正確：

varname1="xiaowang"varname2="xiaoli";注意：如果將代碼寫在一行上，則分號不能省略，如下第一個語句結(jié)束后的分號不能省略：varname1="xiaowang";varname2="xiaoli";4、變量的聲明使用var關(guān)鍵字聲明，例如聲明學(xué)生姓名：varname;注意：javaScript采用弱數(shù)據(jù)類型的形式，變量是一種自由變量，它可以接受任何類型的數(shù)據(jù)，在聲明時無需定義數(shù)據(jù)類型，變量的具體數(shù)據(jù)類型根據(jù)所賦的值的數(shù)據(jù)類型來確定。如：

varscore=“100”//字符串類型varscore=100//數(shù)值類型5、變量的命名規(guī)則第一個字符必須是字母或下劃線（_）或美元符號（$）；不能包含有空格、“+”、“-”、“@”、“#”等特殊字符；不能使用JavaScript中的保留字或關(guān)鍵字，如var、if等。應(yīng)使用有意義的變量名，可以使用“駝峰式”或“下劃線式”的變量名，如stuName，stu_name。

JavaScript是區(qū)分大小寫，所以name和變量Name是兩個不同的變量。

知識點(diǎn)講解請大家判斷哪些變量名是錯誤的<script>vary2=12.5;

var2x=3;//Xvarfor=“helloworld”;//X

var_while="Nextpage";var$3=true;

varstuname=“LinDa”;//Xvarstr="";</script>6、數(shù)據(jù)類型JavaScript語言的每一個值，都屬于某一種數(shù)據(jù)類型。JavaScript的數(shù)據(jù)類型，共有9種：值類型(基本類型)：字符串（String）、數(shù)字(Number)、布爾(Boolean)、空（Null）、未定義（Undefined）、Symbol。引用數(shù)據(jù)類型：對象(Object)、數(shù)組(Array)、函數(shù)(Function)。知識點(diǎn)講解<script> varstr=“hello”;//typeof(str)等價于typeofstr varnum=100; varflag=true;

alert("str的類型是："+typeof(str));//string alert("num的類型是："+typeof(num));//number alert("flag的類型是："+typeof(flag));//boolean</script>使用typeof()或者typeof判斷變量的數(shù)據(jù)類型知識點(diǎn)講解<script>

alert([]instanceofArray);//[]是Array的實(shí)例，返回true</script>使用instanceof(X)或者instanceofX檢測數(shù)據(jù)類型知識點(diǎn)講解<script>

varsum="100";

varnum=100;

varstr="hello";

alert(“sum類型是：”+isNaN(sum));//false

alert(“num的類型是：”+isNaN(num));//false

alert("str類型是："+isNaN(str));//true</script>使用isNaN()判斷變量是否為非數(shù)字值7、運(yùn)算符JavaScript中常用的運(yùn)算符有：A賦值運(yùn)算符B算術(shù)運(yùn)算符C遞增和遞減運(yùn)算符D比較運(yùn)算符E邏輯運(yùn)算符知識點(diǎn)講解

賦值運(yùn)算（假設(shè)定義x=10,y=5）運(yùn)算符例子等同于運(yùn)算結(jié)果=x=y

x=5+=x+=yx=x+yx=15-=x-=yx=x-yx=5*=x*=yx=x*yx=50/=x/=yx=x/yx=2%=x%=yx=x%yx=0

算術(shù)運(yùn)算（假設(shè)定義x=10,y=5）知識點(diǎn)講解運(yùn)算符描述例子X運(yùn)算結(jié)果X運(yùn)算結(jié)果+加法x=y+275-減法x=y-235*乘法x=y*2105/除法x=y/22.55%取模（余數(shù)）x=y%215++自增x=++y66

x=y++56--自減x=--y4