DOM事件基础

最新推荐文章于 2024-08-27 13:38:21 发布

不会咋办

最新推荐文章于 2024-08-27 13:38:21 发布

阅读量101

点赞数

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/qq_43201652/article/details/127214286

版权

生成语录例题：

<body>
    <button id="btn1">生成一个语录</button>
    <button id="btn2">生成一个随机语录</button>
    <p></p>

    <script>
        var btn1 = document.getElementById("btn1")
        var btn2 = document.getElementById("btn2")
        var pitem = document.querySelector("p")
        var str = ["得意时要看淡，失意时要看开",
            "人生有许多东西是可以放下的",
            "只有放得下，才能拿得起",
            "多一些宽容，多一些大度，挥挥手，笑一笑，一切的不愉快都会成为过去。",
            "总有起风的清晨，总有暖和的午后，总有绚烂的黄昏，总有流星的夜晚。"]
        btn1.onclick = function () {
            pitem.innerHTML = "<i style='color:skyblue'>20岁那年买得起10岁那年买不起的玩具，又有什么意义呢？人生就是这样，错过了就再也回不来了。有些事，现在不做，以后再也不会做了。</i>"
        }
        btn2.onclick = function () {
            var i = Math.floor(Math.random() * str.length)
            pitem.innerText = str[i]
        }
    </script>
</body>

实验截图：
在这里插入图片描述

分时提醒问候！

<body>
    <p></p>
    <script>
        var now = new Date("2020/10/1 13:0:0");
        var hours = now.getHours();
        var pitem = document.getElementsByTagName("p")
        if (hours >= 6 && hours < 12) {
            pitem[0].innerHTML = "上午好，尊敬的用户！"
        } else if (hours >= 12 && hours < 18) {
            pitem[0].innerHTML = "下午好，尊敬的用户！"
        } else {
            pitem[0].innerHTML = "晚上好，尊敬的用户！"
        }

        // var pitem = document.querySelector("p")
        // if (hours >= 6 && hours < 12) {
        //     pitem.innerHTML = "上午好，尊敬的用户！"
        // } else if (hours >= 12 && hours < 18) {
        //     pitem.innerHTML = "下午好，尊敬的用户！"
        // } else {
        //     pitem.innerHTML = "晚上好，尊敬的用户！"
        // }

    </script>
</body>