JavaScript內置對象Math產生一個16進制的隨機顏色值

時間 2021-01-30

標籤 html 數組 dom 函數 code htm 索引事件文檔欄目 JavaScript 简体版

原文原文鏈接

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title></title>    <style>        div {            width: 300px;            height: 300px;            background-color: pink;        }    </style>    <script>        //隨機產生一個發6進制的顏色值        //封裝成一個函數        console.log(parseInt(Math.random() * 5));        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++) {                //產生的每一個隨機數都是一個索引,根據索引找到數組中對應的值,拼接到一塊兒                str += arr[parseInt(Math.random() * 16)];            }            return str;        }        //頁面記載的事件        window.onload = function () {            //在文檔中經過id的屬性值查找這個元素(標籤).設置該標籤的背景顏色            document.getElementById("dv").style.backgroundColor = getColor();        };        //        alert(getColor());    </script></head><body>    <div id="dv">    </div></body></html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。