Javascript document.body.style.backgroundColor的语法是什么？_Javascript

Javascript document.body.style.backgroundColor的语法是什么？

javascript

Javascript document.body.style.backgroundColor的语法是什么？,javascript,Javascript,我是一个JavaScript新手。我有下面的代码，它的行为非常奇怪。它应该做的是最初将背景色设置为红色，然后在清除警报对话框后循环使用一系列背景色。颜色名称当前采用字符串格式，但如果使用十六进制ID，则会产生相同的行为结果通常，当页面加载时，它会开始像预期的那样将主体染成红色。第一次警报清除有时会将背景更改为橙色，有时不会，然后在最后一次颜色更改之前，不会有任何更改，因为下一次对话黄色、绿色、蓝色、靛蓝、黑色会被清除，这有时需要，有时不需要 <html> <head>

我是一个JavaScript新手。我有下面的代码，它的行为非常奇怪。它应该做的是最初将背景色设置为红色，然后在清除警报对话框后循环使用一系列背景色。颜色名称当前采用字符串格式，但如果使用十六进制ID，则会产生相同的行为结果

通常，当页面加载时，它会开始像预期的那样将主体染成红色。第一次警报清除有时会将背景更改为橙色，有时不会，然后在最后一次颜色更改之前，不会有任何更改，因为下一次对话黄色、绿色、蓝色、靛蓝、黑色会被清除，这有时需要，有时不需要

<html>
<head>
<title>Color Flasher</title>
</head>

<body>

<script type="text/javascript">
    function color1() {
        document.body.style.backgroundColor = 'red';
    }

    function color2() {
        document.body.style.backgroundColor = 'orange';
    }

    function color3() {
        document.body.style.backgroundColor = 'yellow';
    }

    function color4() {
        document.body.style.backgroundColor = 'green';
    }

    function color5() {
        document.body.style.backgroundColor = 'blue';
    }

    function color6() {
        document.body.style.backgroundColor = 'indigo';
    }

    function color7() {
        document.body.style.backgroundColor = 'black';
    }

    function color8() {
        document.body.style.backgroundColor = 'violet';
    }

    color1();

    alert("ready for another color? - orange");
    color2();

    alert("ready for another color? - yellow");
    color3();

    alert("ready for another color? - green");
    color4();

    alert("ready for another color? - blue");
    color5();

    alert("ready for another color? - indigo");
    color6();

    alert("ready for another color? - black");
    color7();

    alert("ready for another color? - violet");
    color8();
</script>

<center>
<h1>Color Flasher<br></h1>
</center>
<hr>
</body>
</html>

有人能解释一下我的语法哪里错了吗？

你应该试着把你的脚本放在中，或者如果你真的想把你的脚本放在body标记中，你应该放在结束标记之前

仅供参考，对我来说效果很好。在JSFIDLE上测试，他们会自动将标签放入body标签。

每次对我都有效，但看起来可能是文档未完全加载。把你的元素放在正文的末尾或文档中。准备好了一种结构。Internet Explorer问题，适用于firefox或chromeAhh，你说得对。我一点也不喜欢。没有想到要在其他浏览器中测试。有什么想法可以让它在IE中工作吗？将尝试使用Joseph建议的功能…也适用于IE9。我刚测试过。