首页 > Web开发 > 详细

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

时间:2015-05-06 21:13:11      阅读:283      评论:0      收藏:0      [点我收藏+]

在同一个页面中,函数名必须是唯一的,并且区分大小写。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中函数的三种调用方式

原文:http://blog.csdn.net/lzgs_4/article/details/45541017

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!