脚本函数

函数的简单调用

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>函数的简单调用</title>
    <script type="text/javascript">
        function printOutTest(statement1,statement2,statement3){
            alert(statement1+statement2+statement3);
        }
    </script>
</head>

<body>
    <script type="text/javascript">
        printOutTest("第一个简单的JavaScript函数调用程序 ","作者：","刘先生");
    </script>
</body>
</html>

运行结果：

 

 事件响应调用函数示例

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>事件响应调用函数示例</title>
    <script type="text/javascript">
        function eventFunctionTest(){
            alert("事件响应调用函数测试");
        }
    </script>
</head>

<body>
    <form action="" method="post" name="form1">
        <input type="button" value="提交" onClick="eventFunctionTest();">
    </form>
</body>
</html>

运行结果：

 

 通过链接调用函数

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>链接调用函数示例</title>
    <script type="text/javascript">
        function aLinkFunctionTest(){
            alert("通过链接标记<a>调用函数！");
        }
    </script>
</head>

<body>
    <a href="javascript:aLinkFunctionTest();">链接调用函数测试</a>
</body>
</html>

运行结果：

 

 函数的返回值应用示例

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>函数的返回值应用示例</title>
    <script type="text/javascript">
        function setArgValue(num1,num2,num3){
            var avg=(num1+num2+num3)/3;
            return avg;
        }
        function getValue(num1,num2,num3){
            document.writeln("参数分别为："+num1+"、"+num2+"、"+num3+"。"+"<br>");
            var value=setArgValue(num1,num2,num3);
            document.write("取参数平均值，未精确小数点运行结果为："+value+"<br>");
            document.write("取参数平均值，精确两位小数点后运行结果为："+value.toFixed(2)+"<br>");
        }
    </script>
</head>

<body>
    <script type="text/javascript">
        getValue(80,89,99);
    </script>
</body>
</html>

运行结果：

 

 递归函数

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>递归函数应用示例</title>
    <script type="text/javascript">
        function factorialFun(num){
            if(num<=1){
                return 1;
            }
            else{
                return factorialFun(num-1)*num;
            }
        }
    </script>
</head>

<body>
    <script type="text/javascript">
        alert("5!的结果为:"+factorialFun(5));
    </script>
</body>
</html>

运行结果：

 

 内置函数综合示例

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>内置函数综合示例</title>
</head>

<body>
    <script type="text/javascript">
        //parseInt()函数：将首位为数字的字符串转化成数字，如果字符串不是以数字开头，那么将返回NaN
        var num1="321xyz";
        var num2="xyz321";
        document.write("(1)使用parseInt()函数<br>");
        document.write(num1+"转化结果为："+parseInt(num1)+"<br>");
        document.write(num2+"转化结果为："+parseInt(num2)+"<br><br>");
        
        //parseFloat()函数：将首位为数字的字符串转化成浮点型数字，如果字符串不是以数字开头，那么将返回NaN
        var num3="12.3456789xyz";
        document.write("(2)使用parseFloat()函数<br>");
        document.write(num3+"转化结果为："+parseFloat(num3)+"<br><br>");
        
        //isNaN函数():用于检验某个值是否为NaN
        document.write("(3)使用isNaN()函数<br>");
        document.write(num3+"转化后是否为NaN："+isNaN(parseFloat(num3))+"<br>");
        document.write(num2+"转化结果后是否是NaN："+isNaN(parseInt(num2))+"<br><br>");
        
        //isFinite()函数：用于检验某个表达式是否为无穷大
        document.write("(4)使用isFinite()函数<br>");
        document.write("1除以0的结果是否为有限值："+isFinite(1/0)+"<br><br>");
        
        //encodeURI()函数：用于返回一个URI字符串编码后的结果
        document.write("(5)使用encodeURI()函数<br>");
        document.write("转化为网络资源地址为："+encodeURI("http://baidu.com=测试用户")+"<br><br>");
        
        //decodeURI()函数：用于将已编码为URI的字符串解码成最初的字符串并返回
        document.write("(6)使用decodeURI()函数<br>");
        document.write("转化网络资源地址的字符串为："+decodeURI(encodeURI("http://baidu.com=测试用户"))+"<br><br>");
        
    </script>
</body>
</html>

运行结果：

posted @ 2019-10-21 18:19  恶魔岛  阅读(190)  评论(0)  编辑  收藏  举报