JavaScript基本语法（二）

最新推荐文章于 2024-10-30 19:10:39 发布

大图书馆的牧羊人

最新推荐文章于 2024-10-30 19:10:39 发布

阅读量124

点赞数

分类专栏： JavaScript 文章标签： javascript js

本文链接：https://blog.csdn.net/qwqc262/article/details/117163140

版权

JavaScript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

变量、常量、数据类型三个部分，附加一个js实现动态时间

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>2.html</title>
    <!-- 当需要对页面标签进行访问时，才需要写load事件 -->
    <script>
        // 定义变量let或var；let与var的区别
        // var定义是全局变量 let定义局部变量
        let name1 = "张三";
        var name2 = "李四"
        console.log(name1,name2);
        // 语句块
        {
            let i = 10;
            let j = 20;
            console.log(i,j);
        }
        // 常量
        const PI = 3.14;
        console.log(PI);
        // 三种主要数据类型:字符型、布尔型、数值
        let name3 = "字符型"; //用双引号或单引号括起来
        console.log(name3,typeof name3);
        // 根据变量存储的内容确定变量类型
        name3 = 20;
        console.log(name3,typeof name3);
        name3 = true;
        console.log(name3,typeof name3);
        // 两种复合数据类型：对象、数组
        // 对象包含内置对象和自定义对象，详情可参考文档
        window.onload = function(){
            // 使用内置对象
            let now = new Date();
            let sp = document.querySelector('#sp');
            sp.innerHTML = now;
            let sp1 = document.querySelector('#sp1');
            sp1.innerHTML = now.toLocaleDateString();
            let sp2 = document.querySelector('#sp2');
            sp2.innerHTML = now.toLocaleTimeString();
            let year,month,day,week,hour,minute,second;
            year = now.getFullYear();
            month = now.getMonth() + 1;// 月份从0开始
            day = now.getDate();
            week = now.getDay();//0~6代表周天~周六
            hour = now.getHours();
            minute = now.getMinutes();
            second = now.getSeconds();
            sp.innerHTML = "今天是：" + year + "年" + month + "月" + day + "日"  + "星期" + week
            +"  时间"+ hour +":"+minute+":"+second;
            //或者使用ESC按键下面的反单引号`将字符串括起来，并在其中插入变量
            let sp3 = document.querySelector('#sp3');
            sp3.innerHTML = `今天是：${year} 年 ${month} 月 ${day} 日`;

        }
        
        // 两种特殊数据类型：null、undefined
        // null
        let nu = document.querySelector('#div');
        console.log(nu);
        // undefined(定义未赋值对象)
        let un;
        console.log(un);
    </script>
</head>
<body>
    <span id="sp"></span><br>
    <span id="sp1"></span><br>
    <span id="sp2"></span><br>
    <span id="sp3"></span><br>
    动态时间：
    <div id="times">
        <script>
            //得到时间并写入div
             function getDate(){
                //获取当前时间
                 var date = new Date();
                 //格式化为本地时间格式
                 var date1 = date.toLocaleString();
                 //获取div
                 var div1 = document.getElementById("times");
                //将时间写入div
                 div1.innerHTML = date1;
             }
             //使用定时器每秒向div写入当前时间
             setInterval("getDate()",1000);
        </script>
    </div>
</body>
</html>