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)    收藏  举报