Question

不能相信我在问这个问题，但是

为什么要这样做？

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf=8">
        <style type="text/css">
            #posts {
                width: 90%;
                height: 700px;
                margin: auto
            }
        </style>
    </head>
    <body onload="return ran_col()">
        <div id="posts">
        </div>
        <script type="text/javascript">
            function ran_col() { //function name
                var color = '#'; // hexadecimal starting symbol
                var letters = ['000000','FF0000','00FF00','0000FF','FFFF00','00FFFF','FF00FF','C0C0C0']; //Set your colors here
                color += letters[Math.floor(Math.random() * letters.length)];
                document.getElementById('posts').style.background = color; // Setting the random color on your div element.
            }
        </script>
    </body>
</html>

这不是吗？它几乎相同的代码，是否有人可以编辑出色的代码？

<!DOCTYPE html>
<html>

<head>
  <title>Splash!</title>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="HandheldFriendly" content="true">
  <meta http-equiv="refresh" content="6.5;url=home.html" />



<link rel="stylesheet" href="../css/stylessplash.css" type="text/css">



</head>


<body id="posts">

    <script type="text/javascript">
            function ran_col() { //function name
                var color = '#'; // hexadecimal starting symbol
                var letters = ['000000','FF0000'; //Set your colors here
                color += letters[Math.floor(Math.random() * letters.length)];
                document.getElementById('posts').style.background = color; // Setting the random color on your div element.
            }
</script>

<div id="left"></div>
<div id="right"></div>
<div id="top"></div>
<div id="bottom"></div>

<div id="wrapper">
    <p>
        <span>u</span>
        <span>u</span>
        <span>H</span>
        <span>!</span>
    </p>
</div>

</body>


</html>

需要添加更多文本，但不需要更多。需要添加更多文本，但不需要更多。需要添加更多文本，但不需要更多。需要添加更多文本，但不需要更多。需要添加更多文本，但不需要更多。需要添加更多文本，但不需要更多。

Answer 1

您可以使用该代码将背景设置为特定元素（而不是像您那样设置为整个身体）。要设置整个页面的背景，而不是

document.getElementById('posts').style.background = color;

您将需要

document.body.style.backgroundColor = color;

希望这对您有帮助！

Answer 2

在第二个代码块上，您只是在创建一个函数

    <script type="text/javascript">
            function ran_col() { //function name
                var color = '#'; // hexadecimal starting symbol
                var letters = ['000000','FF0000'; //Set your colors here
                color += letters[Math.floor(Math.random() * letters.length)];
                document.getElementById('posts').style.background = color; // Setting the random color on your div element.
            }
</script>

它没有运行，因为您没有在窗体加载中或在任何需要的时候调用该函数。这显示在您的第一个代码块中

<body onload="return ran_col()">

设置随机背景色

2 个答案: