javascript中函数的位置以及调用方法

约定不等于承诺〃 2022-08-07 03:56 218阅读 0赞

javascript中函数的定义一般放在<head>标签中，而一般处理性语句脚本放在<body>标签的结尾处，当然也可以放在任何需要使用的地方。

一定要注意函数的定义一定要放在调用之前。

1、在input标签中与事件绑定。

2、在超链接<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="点击" οnclick="countdown('2016年元旦','1/1/2016',countDown)">
               </td>
           </tr>
       </table>
    </div>
    </body>
    </html>

上例中要注意两个小问题：

1、包含函数定义的<script>一般要放在<head>标签中，总之，一定要放在调用函数之前。

2、在调用函数时如果外面是双引号，那里面就用单引号，反之，如果外面是单引号，里面就用双引号，要养成这样的良好习惯。

οnclick="countdown('2016年元旦','1/1/2016',countDown)"

调试过程中发现双引号中用转义字符\\"来嵌套双引号并不能得出正确结果，其原因不明。