Javascript 如何使用JS函数更改屏幕颜色？_Javascript_Html

Javascript 如何使用JS函数更改屏幕颜色？

javascript html

Javascript 如何使用JS函数更改屏幕颜色？,javascript,html,Javascript,Html,我正在尝试创建一个简单的按钮来使用JS函数更改背景颜色。但无法让它工作 <!doctype html><html> <head> <title>Blank Page</title> <script type="text/javascript"> var bg = function(){ var color = prompt("Please enter a color" ,

我正在尝试创建一个简单的按钮来使用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>`


空白页
var bg=函数（）{
var color=提示（“请输入颜色”、“颜色”）；
返回颜色；
}
`

在dom就绪时包装代码：

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

您需要像这样从

'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>


函数bg（）{
var color=window.prompt（“请选择颜色”）；
返回颜色；
}

调用不带单引号的函数，并且在颜色代码中输入的颜色应以“#”开头

它将为您工作

如下：


变量变化=函数（）{
var color=提示（“请输入颜色”，“000000”）；
如果（颜色！=null）{
document.body.style.background=颜色；
}
}

如果他们输入了颜色，您想添加一点逻辑测试，请添加#但我认为您的主要问题只是让它按所示工作。bgColor是不推荐的，因为HTML 4.0（很久以前），您应该使用

style.background

，如MartinWebb的回答所示

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

<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;
    }
}