Javascript函数的简单学习 - <转> 博客园

     Javascript函数的简单学习

 

 

   

函数的定义与调用
1:函数的定义
    语法格式
    function 函数名(数据类型 参数1){//function是定义函数的关键字
        方法体;//statements,用于实现函数功能的语句
        [返回值return expression]//expression可选参数,用于返回函数值
        
    }
    //1:函数名:区分大小写,并且在同一个页面中,函数名是唯一的
    //2:parameter:可选参数,用于指定参数列表,但使用多个参数时
    //,参数间使用逗号进行分割,一个函数最多使用255个参数
    实例
    var a=10;
    var sum=0;
    function add(a,b){
        sum=a+b;
        return sum;
    }
    
2:函数的调用

关键代码如下所示
<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>

案例运行结果如下

 


 

             

 

                  

 
分类: Javascript
 
好文要顶 关注我 收藏该文  
posted @ 2016-08-12 18:38  绝版扫地僧  阅读(218)  评论(0编辑  收藏  举报