javaScript基礎案例

javaScript基礎案例

JavaScript 是一種輕量級的程式設計語言。

JavaScript 是可插入 HTML 頁面的編程代碼。

JavaScript 插入 HTML 頁面後，可由所有的現代瀏覽器執行。

javascript可以向HTML中輸入內容

<script>document.write("使用javascript向HTML中寫入文本資訊！");</script>向HTML寫入

同時可以使用javascript響應某些事件

javaScript還可以修改HTML中的文本和文本樣式
<script type="text/javascript">function changeText(){x = document.getElementById("demo");x.innerHTML = "修改內容";}function change2(){y = document.getElementsByTagName("p");y.item(0).innerHTML = "第一個p標籤";y.item(1).innerHTML = "第二個p標籤";}function changecss(){z = document.getElementById("demo");z.style.color = "#000000";}</script>修改HTML內容
測試能否修改HTML內容
測試p標籤
如需從 JavaScript 訪問某個 HTML 元素，您可以使用 document.getElementById(id) 方法。
相應的HTML標籤需要使用id屬性標識。
如果向HTML中寫入的文本較長，可以使用反斜線對文本進行換行。
例如：
測試文檔<script type="text/javascript">document.write("Hello \world");</script>
JavaScript對大小寫敏感，即y和Y是不同的變數。在書寫JavaScript代碼時一定要注意這一點。
JavaScript變數聲明統一使用var進行聲明。
例如：
測試文檔
<script type="text/javascript">var text = "聲明字串變數！";document.getElementById("demo").innerHTML = text;</script>
變數申明也可以多條同時聲明，變數之間用“，”隔開
var name="Gates",age=56,job="CEO";
JavaScript支援多種資料類型，包括：字串、數字、數組、布爾型、NULL和Undifined
JavaScript只支援一種數字類型，可以是整數，也可以是小數。
JavaScript支援函數的定義，函數是由事件驅動的或者當它被調用時執行的可重複使用的代碼塊。
函數就是包圍在花括弧之間的代碼塊，前面使用function關鍵字定義。
function functionname(){這裡是要執行的代碼}
函數定義時同時可以傳遞參數，多個參數之間使用“，”分隔。
function myFunction(var1,var2){這裡是要執行的代碼}
函數調用時，直接調用函數名即可。
例如：
測試文檔<script type="text/javascript">function test(name,age){alert("姓名："+name+"   年齡:"+age);}</script>
對於帶返回值的函數，我們可以通過return關鍵字返回指定的值
測試文檔<script type="text/javascript">function test(){var a = 5;return a;}var myvar = test();document.write(myvar);</script>
JavaScript支援多種運算子，假定y=5

  

   

    

     
運算子
     
描述
     
例子
     
結果
    
    

     
+
     
加
     
x=y+2
     
x=7
    
    

     
-
     
減
     
x=y-2
     
x=3
    
    

     
*
     
乘
     
x=y*2
     
x=10
    
    

     
/
     
除
     
x=y/2
     
x=2.5
    
    

     
%
     
求餘數 (保留整數)
     
x=y%2
     
x=1
    
    

     
++
     
累加
     
x=++y
     
x=6
    
    

     
--
     
遞減
     
x=--y
     
x=4
    
   
  

再看賦值運算子，x = 10,y=5

  

   

    

     
運算子
     
例子
     
等價於
     
結果
    
    

     
=
     
x=y
     
 
     
x=5
    
    

     
+=
     
x+=y
     
x=x+y
     
x=15
    
    

     
-=
     
x-=y
     
x=x-y
     
x=5
    
    

     
*=
     
x*=y
     
x=x*y
     
x=50
    
    

     
/=
     
x/=y
     
x=x/y
     
x=2
    
    

     
%=
     
x%=y
     
x=x%y
     
x=0
    
   
  
比較子，給定x=5

  

   

    

     
運算子
     
描述
     
例子
    
    

     
==
     
等於
     
x==8 為 false
    
    

     
===
     
全等（值和類型）
     
x===5 為 true；x==="5" 為 false
    
    

     
!=
     
不等於
     
x!=8 為 true
    
    

     
>
     
大於
     
x>8 為 false
    
    

     
<
     
小於
     
x<8 為 true
    
    

     
>=
     
大於或等於
     
x>=8 為 false
    
    

     
<=
     
小於或等於
     
x<=8 為 true
    
   
  
邏輯運算子

  

   

    

     
運算子
     
描述
     
例子
    
    

     
&&
     
and
     
(x < 10 && y > 1) 為 true
    
    

     
||
     
or
     
(x==5 || y==5) 為 false
    
    

     
!
     
not
     
!(x==y) 為 true