【JS】Js中函数的三种调用方式

浏览数：41 / 时间：2015年06月09日

在同一个页面中，函数名必须是唯一的，并且区分大小写。Js中可以通过下面三种方式调用函数：

1、函数的简单调用

2、在事件的响应中调用函数

3、通过连接调用函数

具体是怎么操作的呢，下面一一讲解：

函数的简单调用：函数的定义语句通畅被放在HTML文件的<head>内，而函数的调用语句通常被放在<body>中。如果函数定义之前调用函数，执行将会出错。

语法如下：

<head>
<script type="text/javascript">
                  function functionName(parameters){               //定义函数
                            some statements;
                  }
</script>
</head>
<body>
    <script type="text/javascript">
             functionName(parameters);            //调用函数
    </script>
</body>

在事件的相应中调用函数：

<head>
<script type="text/javascript">
                  function test(){
                            alert('123');
                  }
</script>
</head>
<body>
         <form action="***" method="post" name="form1">
                   <!-- onclick表示在按钮时间出发时调用自定义函数 -->
                   <input  type="button" value="提交"  onclick="test();"/>
         </form>
</body>

通过链接调用函数：在<a>标签中的href标语中使用”javascript:关键字”格式来调用函数

<head>
<script type="text/javascript">
                  function test(){
                            alert('I love you!');
                  }
</script>
</head>
<body>
         <a href="javascript:test();">test</a>
</body>

Author:致知

Sign:路漫漫其修远兮，吾将上下而求索。

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

【JS】Js中函数的三种调用方式