[JS] 常用函數寫法

JS常用函數寫法 by TonyQ @ iT邦

網站系統開發規劃 index

1. <script type="text/javascript">    
2.     //可別打錯字囉 ，如果打成 text/javascirpt 可會沒有反應的。  
3.     alert("hello");  
4. </script> 

1. <函式名稱>(參數一,參數二,參數三)  
2. //alert(param1,param2,param3) 

1. function <自定義函式名稱>(參數名稱1,參數名稱2,參數名稱3 /*...視需要定義 */ ){  
2.     /*預執行程式碼 */  
3. }  

1. if(1 == 1){  
2.     alert("1 等於 1 ");  
3. }else{  
4.     alert("1 不等於 1 ");  
5. }  

1. for(var i =0 ; i < 10 ;++i){  
2.     alert("列印從 0 到 9 的數字，目前數字是"+i);  
3. }  

@ document.getElementById 

＠ 事件

1. <img src="http://placehold.it/94x95&text=img1" />  
2. <img id="img2" src="http://placehold.it/94x95&text=img2" />  
3. <script type="text/javascript">  
4.     //透過 document 物件與 id 取得網頁元素  
5.     var img = document.getElementById("img2");  
6.     img.onclick = function(){  
7.         var theimg = document.getElementById("img2");              
8.         theimg.src="http://placehold.it/94x95&text=Clicked";  
9.     }  
10. </script>  

https://developer.mozilla.org/zh-TW/docs/DOM/element.addEventListener

＠ window.setInterval: 根據指定的時間間隔，定期執行傳入的函式內容

＠ new Date(): 專門用來處理日期相關的問題的，當我們透過 new 建立一個 Date 物件時，預設會取得當前的時間。

＠ div.innnerHTML

＠ 什麼是 dom

這是 Document Object Model 的縮寫，事實上就是指 document 中元素，
對應到的 JavaScript 物件，我們就統稱為 dom。

＠ 什麼是 jQuery