1. 程式人生 > >javascript中函式的位置以及呼叫方法

javascript中函式的位置以及呼叫方法

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)"
除錯過程中發現雙引號中用轉義字元\"來巢狀雙引號並不能得出正確結果,其原因不明。