0

我正在尝试更改整个文档的背景颜色，这应该可以。改变文字应该是一样的吧？我一直在弄乱代码，但我还没有找到一种简单的方法来编写更改代码。

<style>
function bgPick()
{
    if(document.displayOptions.value == 1){
        body.background-color:blue;
    }
    else if(document.displayOptions.value == 2){
        body.background-color:cyan;
    }
    else{
        body.background-color:white;
    }
}
</style>


<form name="displayOptions">
<select name="colorPick" onchange="bgPick()">
<option value=0>Background Color</option>
<option value=1>Blue</option>
<option value=2>Cyan</option>
<option value=3>White</option>
</select>
<select name="textPick">
<option value=0>Font Color</option>
<option value=1>Black</option>
<option value=2>Red</option>
<option value=3>Silver</option>
</select>
</form>
4

2 回答 2

1

你不应该在<style>标签之间插入脚本

在这里，有两个链接可以帮助您入门：

于 2012-10-09T17:27:19.717 回答
0

RASG 是对的，你应该先阅读 JavaScript 教程，然后再尝试实现类似的东西......

<script>
function bgPick() {
    var select = document.querySelector("select[name='colorPick']"),
        color;
    switch (select.value) {
        case "1":  color = "blue";  break;
        case "2":  color = "cyan";  break;
        default:   color = "white"; break;
    }
    document.body.style.backgroundColor = color;
}
</script>
于 2012-10-09T18:11:06.217 回答