python网站创建010：js中的（变量、数据类型、if语句、for循环）

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>

 

posted @ 2023-12-13 22:58  博无止境  阅读(8)  评论(0)  编辑  收藏  举报