函数 | 易学教程

1、<script>标签的位置：

在解析html文件时，如果把script放在头部，遇到script标签，就会先下载html文件，直到下载完所有的script文件。这样会带来一个缺点，造成网页的加载速度缓慢。因此，可以把页面事件的函数放在head中，减少页面的加载时间。

2、函数的参数

（1）普通的参数传递：

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>Java Script</title>
        <script type="text/javascript">
            function welcome(name) {
                alert("你好" + name);
            }
        </script>
    </head>

    <body onload="welcome('liu')" bgcolor="aquamarine">
        <center>
            <h1>你好</h1>
        </center>
    </body>

</html>

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>Java Script</title>
        <script type="text/javascript">
            function welcome(name) {
                alert("你好" + name);
            }
        </script>
    </head>

    <body onload="welcome('liu','zhang')" bgcolor="aquamarine">
        <center>
            <h1>你好</h1>
        </center>
    </body>

</html>

通过例子可以看出，虽然形参只有一个，但是实参可以传递两个，并且执行的效果是完全相同的。这也反映出了java script与java和c语言的不同，虽然定义的函数是传递一个参数，但是在调用函数时传递的参数的个数是不受限制的。

（2）arguments实现参数传递

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>Java Script</title>
        <script type="text/javascript">
            function welcome(name) {
                alert("你好" + arguments[0]);
            }
        </script>
    </head>

    <body onload="welcome('liu','zhang')" bgcolor="aquamarine">
        <center>
            <h1>你好</h1>
        </center>
    </body>

</html>

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>Java Script</title>
        <script type="text/javascript">
            function welcome(name) {
                alert("你好" + arguments[1]);
            }
        </script>
    </head>

    <body onload="welcome('liu','zhang')" bgcolor="aquamarine">
        <center>
            <h1>你好</h1>
        </center>
    </body>

</html>

可以看出arguments对象类似一个数组，可以重0开始访问实参。

来源：https://www.cnblogs.com/zhai1997/p/11421010.html

标签

脚本

charset

html文件