javaScript | 练习：利用Math函数的相关应用，实现随机生成颜色取值，随机改变页面上一个div元素的背景颜色，使得每次刷新都会使div盒子呈现不同的颜色

一只漫漫

于 2024-03-13 12:31:12 发布

阅读量613

点赞数 11

分类专栏： web前端基础文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.youkuaiyun.com/ZM20170703/article/details/136676431

版权

结果展示，每次刷新都会生成背景颜色的div

示例代码如下：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    div {
        width: 20rem;
        height: 20rem;
        border: 2px solid black;
        margin: 0 auto;
        /* 使其显示在屏幕中央 */
    }
</style>

<body>
    <div></div>
    <script>
        // 1.定义一个生成随机颜色函数
        function getRandomColor(flag = true) {
            // flag = true 是将flag的默认值设为true的意思
            // 当没有实参传入就默认是为true

最低0.47元/天解锁文章