JavaScript基本語法


1.javascript輸出
JavaScript語句向瀏覽器發出的命令。語句的作用是告訴瀏覽器該做什么。
<script>
     document.write("hello world!");
</script>
插入,輸出。
document.getElementById("pid").innerHTML="jikexueyuan.com";
2.分號 
語句之間的分割是分號(;)
注意:分號是可選項,有時候看到不以分號隔開的。
3.JavaScript代碼:
按照編寫順序依次執行
4.標識符:
JavaScript標識符必須以字母、下划線或美元符號開始
JavaScript關鍵字
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數據類型
1.字符串(String)
2.數字(Number)
3.布爾(Boolean)
4.數組(Array)
第一種方式定義數組:
var arr=["hello","jike","xueyuan","women"];
document.write(arr[0]);
第二種方式定義數組:
 
var arr=new Array("hello","jike","nihao");
document.write(arr[2]);
第三種方式定義數字,動態的
 
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.算數運算符
+    -     *    %   /    ++   --
 
<p>i=10,j=10,i+j=?</p>
<p id="mySum"></p>
<button onclick="jisuan()">結果<button>
<script>
function jisuan(){
     var i=10;
     var j=10;
     var m=i+j;
     document.getElementById("mySum").innerHTML=m;
}
     
     
</script>
 
2.賦值運算符
=    +=     -=     *=    /=     %=
3.字符串操作(字符串拼接)
任何類型與字符串相加,都會被轉換成字符串類型
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(執行條件){
     代碼段
}
 
<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循環語句
for循環、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循環、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是先判斷條件再執行,do...while...是先執行再判斷條件
 
JavaScript跳轉語句
break
跳出當前循環
 
<script>
     for(var i=0;i<10;i++){
          if(i==5){
               break;
          }
          document.write("i="+i+"<br/>");
     }
</script>
 
continue
結束本次循環,繼續下一次循環
 
<script>
     for(var i=0;i<10;i++){
          if(i==5){
               continue;
          }
          document.write("i="+i+"<br/>");
     }
</script>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM