python网站创建010:js中的(变量、数据类型、if语句、for循环)

发布时间 2023-12-13 23:03:11作者: 博无止境

JS:定义(全局变量)和(局部变量)

<!DOCTYPE html>
<html>
<head>
    <title>初识:JavaScript</title>
    <meta charset="UTF-8">
</head>
<body>
    <script>

// 定义全局变量:不用var,变量名建议用(驼峰命名)或(全大写) NAME = "小明"; function xxx(){ // 定义(局部变量):需要var,建议小写 var age = 19; } // 可以获取到 alert(NAME) // 无法获取到:局部变量只能在方法里面使用 alert(age) </script> </body> </html>

 

JS:常见(数据类型)和(语句)

(数据类型)

<!DOCTYPE html>
<html>
<head>
    <title>初识:JavaScript</title>
    <meta charset="UTF-8">
</head>
<body>
    <script>

        function xxx(){
            // 定义int
            var age=19;
            // 定义字符串
            var name = "小明";
            // 定义布尔型
            var data = true;
            // 定义数组: 类似python中的列表
            var datalist = [11,22,33];
            // 定义对象: 类似python中的字典
            var info = {name:"小明", age:19};
        }
    </script>
</body>
</html>

(if语句)和(for循环语句)

<!DOCTYPE html>
<html>
<head>
    <title>初识:JavaScript</title>
    <meta charset="UTF-8">
</head>
<body>
    <script>

        function xxx(){
            var age=19;
            // (if语句)
            if (age > 10){
                console.log(age); // 类似与python的print()
            }else if(age===19){
                console.log(age); // 类似与python的print()
            }else {
                console.log(age); // 类似与python的print()
            }

            // (循环语句)
            var datalist = [11,22,33,44];
            // i=0:让i从0开始,i<4:判断条件,i++:让i每循环一次+1
            for(var i=0; i<4;i++){
                console.log(datalist[i]); // 类似与python的print()
            }

            // 或者你可以这样写循环语句,datalist.length标识计算datalist的长度。
            for(var j=0; j<datalist.length; j++){
                console.log(j); // 类似与python的print()
            }

            // 声明一个i变量,用来保存datalist的索引
            for(var i in datalist){
                // 通过索引获取数组中的数据
                var data = datalist[i];
                // 打印索引,和datalist里面数据
                console.log(i,data);
            }

        }
    </script>
</body>
</html>