點擊下載
本文文檔

當前位置：首頁 - 科技 - 知識百科 - 正文

JavaScript的基本語法你要知道

來源：懂視網(wǎng) 責(zé)編：小采時間：2020-11-27 20:19:12

JavaScript的基本語法你要知道

JavaScript的基本語法你要知道:1.javascript輸出JavaScript語句向瀏覽器發(fā)出的命令。語句的作用是告訴瀏覽器該做什么。<script> document.write("hello world!"); </script>插入，輸出。document.getElementById("pid&q

推薦度：

點擊下載本文 文檔為doc格式

導(dǎo)讀JavaScript的基本語法你要知道:1.javascript輸出JavaScript語句向瀏覽器發(fā)出的命令。語句的作用是告訴瀏覽器該做什么。<script> document.write("hello world!"); </script>插入，輸出。document.getElementById("pid&q

1.javascript輸出

JavaScript語句向瀏覽器發(fā)出的命令。語句的作用是告訴瀏覽器該做什么。

<script>
 document.write("hello world!");
</script>

插入，輸出。

document.getElementById("pid").innerHTML="jikexueyuan.com";

2.分號

語句之間的分割是分號（;）

注意：分號是可選項，有時候看到不以分號隔開的。

3.JavaScript代碼：

按照編寫順序依次執(zhí)行

4.標識符：

JavaScript標識符必須以字母、下劃線或美元符號開始

JavaScript關(guān)鍵字

5.JavaScript對大小寫敏感

JavaScript同樣對大小寫很敏感。

6.空格

JavaScript會忽略掉多余的空格

7.代碼換行

不可以在單詞之間換行

8.保留字

注釋

單行注釋 //

多行注釋 /**/

JavaScript變量

變量是用來儲存信息的“容器”

var x=10;
var y=10.1;
var z="hello";

<script>
 var i=10;
 var j=10;
 var m=i+j;
 document.write(m);
</script>

JavaScript數(shù)據(jù)類型

1.字符串（String）

2.數(shù)字（Number）

3.布爾（Boolean）

4.數(shù)組（Array）

第一種方式定義數(shù)組：

var arr=["hello","jike","xueyuan","women"];
document.write(arr[0]);

第二種方式定義數(shù)組：

var arr=new Array("hello","jike","nihao");
document.write(arr[2]);

第三種方式定義數(shù)字，動態(tài)的

var arr=new Array();
arr[0]=10;
arr[1]=20;
arr[2]=30;
document.write(arr[2]);

5.對象（Object）

6.空（null）

var n=null;

7.未定義

var r;

8.可以通過賦值為null的方式清除變量

var i=10;
var i=null;
document.write("i"); //null

JavaScript運算符

1.算數(shù)運算符

+ - * % / ++ --

<p>i=10,j=10,i+j=?</p>
<p id="mySum"></p>
<button onclick="jisuan()">結(jié)果<button>
<script>
function jisuan(){
 var i=10;
 var j=10;
 var m=i+j;
 document.getElementById("mySum").innerHTML=m;
}
 
</script>

2.賦值運算符

= += -= *= /= %=

3.字符串操作(字符串拼接)

任何類型與字符串相加，都會被轉(zhuǎn)換成字符串類型

function musum(){
 var i=5;
 var j="5";
 var m=i+j;
 document.getElementById("sumid").innerHTML=m;
}
// 55

4.比較運算符

== === != !== > < >= <=

比較運算符返回的是一個布爾類型

5.邏輯運算符

&& || !

6.條件運算符

x<10 比較大小

三目運算判斷條件?滿足條件時輸出. : 不滿足條件時輸出

JavaScript條件語句

if...else..

<script>
 var i=19;
 if(i>=10){
 document.write("我就喜歡i>=10");
 }else{
 document.write("為什么i<10");
 }
</script>

if....else if......else....

<script>
 var i=10;
 if(i>10){
 document.write("我就喜歡i>=10");
 }else if(i<10){
 document.write("為什么i<10?");
 }else{
 document.write("i到底是多少，原來是10");
 }
</script>

switch

swicth(執(zhí)行條件){
 代碼段
}

<script>
 var i=5;
 switch(i){
 case 1:
 document.write("i=1");
 break; //跳出當前
 case 2:
 document.write("i=2");
 break;
 default:
 document.write("條件不滿足case");
 break; 
 }
</script>

三目運算

JavaScript循環(huán)語句

for循環(huán)、for/in

<script>
 var i=[1,2,3,4,5,6];
 for(j=0;j<6;j++){
 document.write(i[j]+"、");
 }
</script>

<script>
 var j=[1,2,3,4,5,6];
 var j=0;
 for(;j<6;){
 document.write(i[j]+"、");
 j++;
 }
</script>

<script>
 var i=[1,2,3,4,5,6];
 var j;
 for(j in i){ //j是i中的元素
 document.write(i[j]+"<br/>");
 }
</script>

while循環(huán)、do....while

<script>
 var i=1;
 while(i<10){
 document.write("i="+i+"<br/>");
 i++;
 }
</script>

<script>
 var i=1;
 do{
 document.write("i="+i+"<br/>");
 }while(i<10){
 }
</script>

while是先判斷條件再執(zhí)行，do...while...是先執(zhí)行再判斷條件

JavaScript跳轉(zhuǎn)語句

break

跳出當前循環(huán)

<script>
 for(var i=0;i<10;i++){
 if(i==5){
 break;
 }
 document.write("i="+i+"<br/>");
 }
</script>

continue

結(jié)束本次循環(huán)，繼續(xù)下一次循環(huán)

<script>
 for(var i=0;i<10;i++){
 if(i==5){
 continue;
 }
 document.write("i="+i+"<br/>");
 }
</script>

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

JavaScript的基本語法你要知道

推薦度：

點擊下載本文 文檔為doc格式

標簽：知道 js javascript

熱門焦點

JavaScript的基本語法你要知道

JavaScript的基本語法你要知道

JavaScript的基本語法你要知道

最新推薦

猜你喜歡

熱門推薦