JavaScript01：基础知识

JavaScript是一种脚本语言，用来为网页添加各式各样的动态功能，通过嵌入在HTML中来实现自身的功能

两种引入方式

内部引入、外部引入

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">
    <title>我的网页</title>

    <!--内部引入-->
    <!--script标签-->
    <script>

        /**
         * alert()方法，弹窗
         */
        alert("hello, world");
    </script>

    <!--外部引入-->
    <!--script标签
        src：脚本路径
        内容为空，但是闭合标签必须存在
    -->
    <script src="JavaScript.js"></script>

</head>

<body>

</body>

</html>

基本语法

定义变量、条件控制、打印、数据类型

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">
    <title>我的网页</title>

    <script>

        /**
         * 1、定义变量（变量类型可以不写，默认是全局变量）
         */
        num = 1;

        /**
         * 2、条件控制（和Java一样）
         */

        /**
         * 3、console.log()方法，在浏览器控制台打印变量
         */
        console.log(num);

        /**
         * 4、数据类型
         * 数字（不区分小数和整数，"NaN"非数字，"Infinity"无穷大，无限小数无法精确比较大小）、字符串（单双引号都行）、布尔值、逻辑运算符
         * 比较运算符（"==="绝对等于，"=="值一样就行，类型可以不一样，不推荐使用）、空（null）、未定义（undefined）
         */
        console.log(1 / 3 === 1 - 2 / 3);

        /**
         * isNaN()方法，判断是否为数字
         */
        console.log(isNaN('a'));
        console.log(isNaN(NaN));

        /**
         * 数组（[]定义，元素类型随意）
         */
        arr = [1, 2, 3, "name", null, true];
        console.log(arr[3]);

        /**
         * 对象（{}定义）
         */
        person = {
            name: "ty",
            age: 24,
            tag: ["Java", "Python", "PHP"]
        }

        console.log(person.tag);
        
    </script>

</head>

<body>

</body>

</html>

严格检查模式strict

定义变量默认是全局变量，不安全，第一行加上“use strict;”执行严格检查

建议用let定义变量

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">
    <title>我的网页</title>

    <script>

        "use strict";

        /**
         * let定义变量
         */
        let i = 2;

    </script>

</head>

<body>

</body>

</html>
posted @ 2022-03-21 11:14  振袖秋枫问红叶  阅读(33)  评论(0)    收藏  举报