Question

我正在尝试使用JS函数创建一个简单的按钮来更改背景颜色。虽然不能让它工作......

<!doctype html><html>
<head>
<title>Blank Page</title>
    <script type="text/javascript">

        var bg = function(){
            var color = prompt("Please enter a color" , "Color");
            return color;
        }

    </script>
</head>
<body>
<input type="button" value="Change BG" onClick="document.bgColor='bg()'">

</body>
</html>`

Answer 1

您需要从''中移除'bg()'，如此。

请查看document.bgColor自HTML4.0以来已弃用，因此建议不要使用它。

<script>
    function bg(){
    var color = window.prompt("Please pick color");
    return color;
    }
    </script>
    </head>
    <body>
    <input type="button" value="changeBG" onclick="document.bgColor=bg();"/>

    </body>
    </head>

Answer 2

dom准备就绪时包裹你的代码：

window.onload=function() {
    var bg = function(){
        var color = prompt("Please enter a color" , "Color");
        return color;
    }
}

Answer 3

不带单引号的呼叫功能和颜色代码中输入的颜色应以＆＃39;＃＆＃39;开头。

var color = prompt("Enter the color you want on the Background???");
document.body.style.backgroundColor = color;

它会为你工作

Answer 4

像这样：

http://jsfiddle.net/50zj6yxj/

<input type="button" value="Change BG" onclick="change()">

var change = function () {
    var color = prompt("Please enter color", "#000000");
    if (color != null) {
        document.body.style.background = color;
    }
}

如何使用JS功能更改屏幕BGcolor？

4 个答案: