JavaScript—day01

今天主要是JavaScript的入门学习，所以我把运行结果记录展示出来，主要是在浏览器的控制台里面查看结果，直接点进网页是没有显示的

1.我的第一个JavaScript程序

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <!--script标签内，写JavaScript代码-->
    <!--<script>
        alert('hello,world');
    </script>-->

    <!--外部引入-->
    <!--注意：script标签必须成对出现-->
    <script src="js/qj.js"></script>


    <!--不用显示定义type，也默认就是JavaScript-->
    <script type="text/javascript">

    </script>
</head>
<body>

</body>
</html>
qj.js
alert('hello,world');
 

2.基本语法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <!--javascript严格区分大小写！！-->
    <script>
        // 1.定义变量   变量类型  变量名 = 变量值；
        var score = 70;
        //alert(num);
        // 2.条件控制
        if (score>60 && score<70){
            alert("60-70")
        }
            else if (score>=70 && score<80){
                alert("70-80")
            }
            else {
                alert("other")
            }
        console.log(score)
            //console.log(score)在浏览器的控制台打印变量！system.out.println();
    </script>
</head>
<body>

</body>
</html>

结果展示

 

 

 

 

3.测试

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>


    <script>
        console.log((1/3) === (1-2/3))//结果为false，尽量避免使用浮点数进行运算，因为存在精度问题！

        console.log(Math.abs((1/3) - (1-2/3))<0.00000001)

        //保证代码的可读性，尽量使用[]
        var arr =[1,23,5,3,6,'hello world',null,true]

        //对象是大括号，数组是中括号
        //每个属性之间使用逗号隔开，最后一个不需要添加
        //Person person = new Person(1,2,3,4,5);
        var person = {
            name:"zhangsan",
            age:3,
            tags:['js','java','web','.....']
        }

    </script>
</head>
<body>

</body>
</html>

结果展示

 

 

4.严格检测模式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <!--
    前提：IDEA需要设置支持ES6语法
    'use strict';严格检查模式，预防JavaScript的随意性导致产生的一些问题
    必须写在JavaScript的第一行
    局部变量建议都使用let去定义
    -->
    <script>
        'use strict'
        //全局变量
        //i=1;
        //局部变量
        let i =1;
    </script>
</head>
<body>

</body>
</html>

 

posted @ 2022-08-05 23:04  tuyin  阅读(40)  评论(0)    收藏  举报