javascript 學習一

1、JavaScript l類型&變量
無論聲明何種類型,全部都用關鍵字 var
基本類型:

 字符串類型(String) : var str = " abc " ; 
 數字類型(number) :var n = 123.25 / 123 / 123e5 ; 
 布爾類型 boolean :var flag = true / false 
 對空(Null): var a = null ; 
 未定義(Undefined) :var aa ;

引用數據類型:

 數組類型(array):[40, 100, 1, 5, 25, 10]
 對象類型(object):{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}
 函數類型(function):function myFunction(a, b) { return a * b;}

可以用 new 對象來聲明變量,如 :var n = new Num() ; 、var date = new Date () ;

2、JavaScript 語句
在 JavaScript 中,我們可使用以下條件語句:

  • if 語句 - 只有當指定條件爲 true 時,使用該語句來執行代碼
  • if...else 語句 - 當條件爲 true時執行代碼,當條件爲 false 時執行其他代碼
  • if...else if....else 語句 - 使用該語句來選擇多個代碼塊之一來執行 switch 語句 - 使用該語句來選擇多個代碼塊之一來執行

3、JavaScript 函數語法
關鍵字 function :

  • function 方法名(參數值) { 方法體 }

  • 匿名函數fuction (參數值) { 方法體 }(通常只用一次,不希望再被調用,有些大型項目,給方法起名字確實是個頭疼活)

  • 動態函數(用的很少) var add = new Function(“參數列表”,“方法體和返回值”);

    //定義一個按鈕
         <button onclick="myFunction()" >
         點擊這裏
         </buttion>
     //定義事件函數
        function myFunction(){
           alert("Hello World");//彈出對話框
        }
    

調用帶參數的函數
可以發送任意多的參數,由逗號 (,) 分隔:

 myFunction(argument1,argument2)
聲明函數時,請把參數作爲變量來聲明:


   function myFunction(var1,var2)
{
這裏是要執行的代碼
}

變量和參數必須以一致的順序出現。第一個變量就是第一個被傳遞的參數的給定的值,以此類推。

帶有返回值的函數
使用 return 語句時,函數會停止執行,並返回指定的值

function myFunction()
{
var x=5;
return x;
}

函數調用將被返回值取代:

var myVar=myFunction();

4、全局變量和局部變量
1、最外層的函數和和最外層函數外面的變量都是全局變量。因爲函數是可以嵌套的,所以找全局變量時,要找最外層函數;而且函數本身也是一個變量,特殊變量,其名字就是變量名。

2、沒有用 var聲明的變量,爲全局變量,即使位置在函數體內部。

3、所有Window對象的屬性也是全局變量。

局部變量比同名全局變量的優先級高,所以局部變量會隱藏同名的全局變量。

 var v = "hello"; //函數體外的變量,全局變量
 var a = 100 
     b = 10; //b也是全局變量
    function test (){
    v="11";  //沒有用var聲明的變量,全局變量
        console.log(v);
        var v = "world"; //函數體內部的變量,局部變量
    }
    test();

全局&局部變量參考網址:

https://blog.csdn.net/simon_dg/article/details/78017984

5、JavaScript 事件
按鈕元素中添加了 onclick 屬性 ,修改 id=“demo” 元素的內容。

<button onclick="getElementById('demo').innerHTML=Date()">現在的時間是?</button>
<p id="demo"></p>

代碼將修改自身元素的內容 (使用 this.innerHTML):

<button onclick="this.innerHTML=Date()">現在的時間是?</button>

通過事件屬性來調用:

<button onclick="displayDate()">點這裏</button>
<script>
function displayDate(){
	document.getElementById("demo").innerHTML=Date();
}
</script>
<p id="demo"></p>

常見的HTML事件
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章