JavaScript自学(1)

gujiakai-top 2021-09-01 原文

JavaScript自学(1)

1、聊聊JavaScript这个东西

2、基本使用及HelloWorld

<!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>

3、浏览器控制台使用

<script>
    // Javascript严格区分大小写!
    //1．定义变量 变量类型 变量名=变量值;
    var score=65;
    // var num=1;
    // var name=\'caiwei\';
    // \'hello world\'
    // alert(num);
    //2.条件控制

    if(score>60 && score<70){
        alert(\'及格\');
    }else if(score<80){

    }else{

    }

    //console.Log(score）在浏览器的控制台打印变量! system.out.printLn();
</script>

4、数据类型快速浏览

浏览器控制台，上下键可以自动回到上一步和下一步。

5、严格检查模式strict

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<!--    前提:IDEA需要设置支持ES6语法-->
<!--    \'use strict\'; 严格检查模式．预防JavaScript的随意性导致产生的一些问题-->
<!--    必须写在Javascript的第一行!-->
<!--    局部变量建议都使用let去定义~-->
    <script>
        \'use strict\';
        //全局变量
        // var i=1;
        //局部变量
        let j=2;
        //es6 let
    </script>

</head>
<body>

</body>
</html>