免费模板网标签tags 更多...
您的位置:首页 > javascript学习 > Javascript函数的学习

Javascript函数的学习

时间:2017-02-09 来源:网上收集 作者:Tony 阅读次数 tags函数Javascript

不论什么语言都离不开函数的使用,php里面有 同样JavaScript也有。比如我需要一个调用时间的需求,就可以单独写个function show(){}   需要用到的时候调用wshow()就可以了

详情如下:

函数的定义与调用
1:函数的定义
    语法格式
    function 函数名(数据类型 参数1){//function是定义函数的关键字
        方法体;//statements,用于实现函数功能的语句
        [返回值return expression]//expression可选参数,用于返回函数值
        
    }
 
  命名规则:函数名的命名规则,当一个名字包含多个单词的时候,习惯上用下划线把单词分隔开,如like_this()。另一种习惯是在第一个单词以后的所有单词都以一个大写字母开始,如likeThis()。
    //1:函数名:区分大小写,并且在同一个页面中,函数名是唯一的
    //2:parameter:可选参数,用于指定参数列表,但使用多个参数时
    //,参数间使用逗号进行分割,一个函数最多使用255个参数
    实例
    var a=10;
    var sum=0;
    function add(a,b){
        sum=a+b;
        return sum;
    }
    
2:函数的调用
 
  函数的参数:javascript函数可以以任意的数目的参数来调用,而不管函数定义中参数名字有多少个,由于函数是宽松类型的,它就没有办法声明所期望的参数的类型,并且,任何函数传递任意类型的参数都是合法的。当调用一个函数的参数少于声明的参数个数的时候,其他的参数就有一个undefined的值。
 
  编写这样的函数常常是很有用的:某些参数为可选的并且在调用函数的时候可以忽略它们
 
关键代码如下所示
<script language="javascript">
        function checkName(){
            var str=form1.useName.value;//关键代码,可以尝试学习html,调用form标签名字是form1的名字是useName的value值
            if(str==""){
                alert("请输入姓名");
            }else{
                alert(str);
            }
        }
    </script>
 
<body>
    <form name="form1" method="post" action="">
    请输入姓名<input type="text" name="useName" id="useName" size=20/>
    <br/>
    <input type="button" value="检测" onclick="checkName()">
    </form>
</body>
 
 
 
案例如下
 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>自己模仿的函数调用检测</title>
    <script language="javascript">
        function checkName(){
            var str=form1.useName.value;
            if(str==""){
                alert("请输入姓名");
            }else{
                alert(str);
            }
        }
    </script>
</head>
<body>
    <form name="form1" method="post" action="">
    请输入姓名<input type="text" name="useName" id="useName" size=20/>
    <br/>
    <input type="button" value="检测" onclick="checkName()">
    </form>
</body>
</html>
猜你喜欢
栏目推荐
模板推荐

Copyright:2014-2018 www.freemoban.com Corporation,All Rights Reserved 免费模板网 版权所有 鄂ICP备17019132号

免责声明:本站部分资源来自互联网收集,版权归原创者所有,如果侵犯了你的权益,请通知我们,我们会及时删除侵权内容,谢谢合作!

建站咨询QQ