随机产生一个十六进制的颜色值

最新推荐文章于 2022-12-27 10:29:49 发布

userMeiName

最新推荐文章于 2022-12-27 10:29:49 发布

阅读量884

点赞数

本文链接：https://blog.csdn.net/weixin_43608739/article/details/89645707

版权

丢代码

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        div {
            width: 200px;
            height: 200px;
            background: #cccccc;
        }
    </style>
    <script>
        function getColor() {
            var str = "#";
            //定义一个十六进制的数组
            var arr = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "a", "b", "c", "d", "e", "f"];
            for (var i = 0; i < 6; i++) {
                //通过随机数生成索引，根据索引找到数组中对应的值然后拼接一起
                var num = parseInt(Math.random() * 16);
                str += arr[num];
            }
            return str;
        }
        //测试
        // console.log(getColor());
        //页面记载的事件
        window.onload = function () {
            //通过id属性的值查找这个元素，设置该标签的背景颜色
            document.getElementById("color").style.background = getColor();
        };

    </script>
</head>
<body>
	<div id="color"></div>
</body>
</html>

刷新前
刷新后
在这里插入图片描述

userMeiName

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
随机产生一个十六进制的颜色值

丢代码<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div { width: 200px; ...
复制链接

扫一扫