javascript中函式的位置以及呼叫方法
阿新 • • 發佈:2019-01-25
javascript中函式的定義一般放在<head>標籤中,而一般處理性語句指令碼放在<body>標籤的結尾處,當然也可以放在任何需要使用的地方。
一定要注意函式的定義一定要放在呼叫之前。
<script>中函式的呼叫方法:
1、在input標籤中與事件繫結。
<input type="button" value="點選" onclick="check();">
2、在超連結<a>標籤中呼叫函式。
<a href="javascript:check();"></a>
3、直接在<script>標籤中任意處呼叫。
下例是一個點選按鈕實現計算當前日期距離2016年元旦的天數的例子。
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <script type="text/javascript"> function countdown(title,intime,divid){ var aimtime=new Date(intime); var now=new Date(); var time=aimtime.getTime()-now.getTime(); var day=Math.floor(time/(1000*60*60*24))+1; if(day>1){ divid.innerHTML="----距離"+title+"還有"+day+"天!"; }else if(day==1){ divid.innerHTML="----明天就是"+title+"!"; }else if(day==0){ divid.innerHTML="----今天就是"+title+"!"; }else{ divid.innerHTML="----"+title+"已經過去了!"; } } </script> <body> <div width="500" height="400" align="center"> <table align="center" border="0"> <tr> <td id="countDown"> <input type="button" value="點選" onclick="countdown('2016年元旦','1/1/2016',countDown)"> </td> </tr> </table> </div> </body> </html>
上例中要注意兩個小問題:
1、包含函式定義的<script>一般要放在<head>標籤中,總之,一定要放在呼叫函式之前。
2、在呼叫函式時如果外面是雙引號,那裡面就用單引號,反之,如果外面是單引號,裡面就用雙引號,要養成這樣的良好習慣。
onclick="countdown('2016年元旦','1/1/2016',countDown)"
除錯過程中發現雙引號中用轉義字元\"來巢狀雙引號並不能得出正確結果,其原因不明。