JavaScript的基本語法(區(qū)分大小寫)
一、常量
二、變量,實例
三、運算符,實例
四、表達式,實例
五、基本語句5.1 if-else條件語句 5.2for循環(huán)語句 5.3 while語句 5.4break語句 5.5continue語句 5.6switch 語句 ,實例
六、函數(shù)
一、常量
1.1整型常量:十六、八、十進制
1.2實型常量:
1.3布爾值:兩種狀態(tài)true和false 用小寫
1.4字符型常量:使用單、雙引號。例如:"32150"或'sddf'
1.5空值:JavaScript中空值null。如果試圖引用沒有定義的變量,就會返回一個空值
1.6特殊字符:JavaScript中以/開頭的不可顯示的特殊字符為控制字符
二、變量
變量的主要作用是存取數(shù)據(jù)、提供存放信息的容器。變量可分為全局變量和局部變量。通常聲明函數(shù)function內(nèi)的都是局部變
量,在Script標記內(nèi)的都是全局變量,局部變量只有在函數(shù)內(nèi)存取。
2.1注意點:
2.1.1必須是個有效的變量,即變量以字母開頭,中間可以有數(shù)字。除了下劃線(_)不可有空格+-逗號或其它符號
2.1.2不能使用JavaScript中的關(guān)鍵字作為變量
2.1.3在變量取名時與其代表的意思對應(yīng)起來
2.2變量使用var關(guān)鍵字在使用前先做聲明,并可賦值
var myname; 只聲明
var myname="John"; 聲明并賦值
實例:
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>使用變量</title>
<style>
<!--
h2{font-family:黑體;font-size:16px}
body{font-size:10px}
-->
</style>
<script language="javascript">
<!--
examword="歡迎學(xué)習(xí)";
secword="<p>通過JavaScript腳本語言"
-->
</script>
</head>
<body>
<h2>下面顯示的是定義的變量值:</h2>
<script language="javascript">
<!--
document.write(examword);
document.write(secword);
-->
</script>
</body>
</html>
結(jié)果:
下面顯示的是定義的變量值:
歡迎學(xué)習(xí)
通過JavaScript腳本語言
三、運算符
雙目運算符:操作數(shù)1 運算符 操作數(shù)2
單目運算符:只有一個操作符,++1
3.1算術(shù)運算符:雙目:加、減、乘、除、取模(%) 單目:-取反、~取補、++遞加1、--遞減1
3.2比較運算符:操作之后返回true或false
大于、小于、小于等于(<=)、大于等于(>=)、等于(==)、不等于(!=)
3.3邏輯運算符:也稱布爾運算符,包括!取反、&&邏輯與、||邏輯或
3.4字符串運算符
實例:
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>使用javascript進行計算</title>
<style>
<!--
h2{font-family:黑體;font-size:16px}
body{font-size:12px}
-->
</style>
</head>
<body>
<h2>下面顯示的是各種類型的運算結(jié)果:</h2>
<script language="javascript">
<!--
document.write("算術(shù)運算中的加法5+7的結(jié)果;");
document.write(5+7);
document.write("<br>");
document.write("比較運算35>=36的結(jié)果是:");
document.write(35>=36);
document.write("<br>");
document.write("邏輯運算true&&false的值:");
document.write(true&&false);
-->
</script>
</body>
</html>
結(jié)果:
下面顯示的是各種類型的運算結(jié)果:
算術(shù)運算中的加法5+7的結(jié)果;12
比較運算35>=36的結(jié)果是:false
邏輯運算true&&false的值:false
四、表達式
表達式就是變量、常量、布爾及運算符的集合
表達式分為算術(shù)表達式、字符表達式、賦值表達式及布爾表達式等
4.1其中的條件表達式
(條件)?結(jié)果1:結(jié)果2
若條件的結(jié)果值為真,則表述式的結(jié)果為1,否則結(jié)果為2
實例:
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>使用表達式</title>
<style>
<!--
h2{font-family:黑體;font-size:16px}
body{font-size:12px}
-->
</style>
</head>
<body>
<h2>下面應(yīng)用javascript中的表達式:</h2>
<script language="javascript">
<!--
exam1=(3+6>8)?"yes":"no";
exam2=(3+6<8)?"yes":"no";
document.write("判斷3+6>8是否正確,如果正確的輸出yes,否則輸入no:<br>");
document.write(exam1);
document.write("<br><br>");
document.write("判斷3+6<8是否正確,如果正確的輸出yes,否則輸入no:<br>");
document.write(exam2);
-->
</script>
</body>
</html>
結(jié)果:
下面應(yīng)用javascript中的表達式:
判斷3+6>8是否正確,如果正確的輸出yes,否則輸入no:
yes
判斷3+6<8是否正確,如果正確的輸出yes,否則輸入no:
no
五、基本語句
5.1 if-else條件語句
基本格式:
if(表達式){
執(zhí)行語句1;
......
}
else{
執(zhí)行語句2;
......
}
實例:
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>使用if-else條件語句</title>
<style>
<!--
h2{font-family:黑體;font-size:16px}
body{font-size:12px}
-->
</style>
</head>
<body>
<h2>標準體重的測試:</h2>
標準體重(公斤)=身高(厘米)-105<br><br>
假如體重為66公斤,身高為169厘米,那么這個人的體重是否超重呢?<br>
<script language="javascript">
<!--
weight=66;
height=169;
standard=height-105;
judge=(weight-standard)*100/standard;
document.write("計算結(jié)果:體重超出標準體重的百分比為");
document.write(judge);
if(judge>20)
document.write("<br>偏胖,要注意減肥");
else if(judge<-20)
document.write("<br>偏瘦,注意增加營養(yǎng)");
else
document.write("<br>體型標準,注意保持");
-->
</script>
</body>
</html>
結(jié)果:
標準體重的測試:
標準體重(公斤)=身高(厘米)-105
假如體重為66公斤,身高為169厘米,那么這個人的體重是否超重呢?
計算結(jié)果:體重超出標準體重的百分比為3.125
體型標準,注意保持
5.2for循環(huán)語句
實例:
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>使用for語句計算累積的和</title>
<style>
<!--
body{font-size:12px}
-->
</style>
</head>
<body>
計算從1到10 的和:
<script language="javascript">
<!--
sum=0;
for(i=1;i<11;i++)
sum=sum+i;
document.write(sum);
-->
</script>
</body>
</html>
結(jié)果:
計算從1到10 的和: 55
5.4break語句
可以使循環(huán)從for或while中跳出
實例:
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>使用break語句跳出循環(huán)</title>
<style>
<!--
body{font-size:12px}
-->
</style>
</head>
<body>
從1開始輸出整數(shù),當循環(huán)到能被7整除時跳出循環(huán),否則輸出到20<br><br>
<script language="javascript">
<!--
for(i=1;i<21;i++)
{
if (i%7==0)
break;
document.write(i+" ");
}
-->
</script>
</body>
</html>
結(jié)果:
從1開始輸出整數(shù),當循環(huán)到能被7整除時跳出循環(huán),否則輸出到20
1 2 3 4 5 6
5.5continue語句
使程序跳過循環(huán)內(nèi)剩余的語句而進入下一次循環(huán)。
當遇到continue一句時并不是跳出整個循環(huán),只是結(jié)束當前的這一次循環(huán)。因此下例中無7和14
實例:
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>使用continue語句跳出循環(huán)</title>
<style>
<!--
body{font-size:12px}
-->
</style>
</head>
<body>
從1開始輸出整數(shù),當循環(huán)到能被7整除時跳出循環(huán),否則輸出到20<br><br>
<script language="javascript">
<!--
for(i=1;i<21;i++)
{
if (i%7==0)
continue;
document.write(i+" ");
}
-->
</script>
</body>
</html>
結(jié)果:
從1開始輸出整數(shù),當循環(huán)到能被7整除時跳出循環(huán),否則輸出到20
1 2 3 4 5 6 8 9 10 11 12 13 15 16 17 18 19 20
5.6switch語句
switch語句是,如匹配執(zhí)行case,如無case匹配則執(zhí)行default
基本語法:
switch(表達式){
case 值1;
語句 1;
break;
case 值2;
語句 2;
break;
......
default;
語句N;
}
實例說明:給定一組成績,判斷成績的等級。如果小于60分則為不及格;60-69分為及格;70-79分為普通;80-89分為較好;90
分以上問優(yōu)秀。
測試中。。。
六、函數(shù)
函數(shù)定義:
function 函數(shù)名(參數(shù),變量){
函數(shù)體;
return 表達式
}
說明:函數(shù)名用于定義函數(shù)名稱;參數(shù)是傳遞給函數(shù)使用或操作的值,其值可以好似常量、變量或其它表達式;return則用于
設(shè)定函數(shù)的返回值。
區(qū)分大小寫