通過javascript函數改變顏色

在下面的代碼中，我有一個JavaScript函數，並且我正在嘗試將頁面的backgroundColor更改爲作爲參數傳入的顏色。但我的代碼不起作用，任何人都可以幫我解決我的代碼中出現了什麼問題？通過javascript函數改變顏色

HTML：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
    <title>Changing Color</title> 
<head> 
    <style type="text/css"> 
     body { 
      background-color:#ffcccc; 
     } 
    </style> 
</head> 
<body> 
    <form> 
     <label>color: <input type="text" name="color"> </label> 
     <input name="color" type = "button" onClick = "changecolor(color.value) " value = "color"> 
    </form> 
</body> 
</html>

的Javascript：

function changecolor(colour) 
{ 
    document.bgcolor=colour; 
}

來源

2011-06-04 alia

假設colour包含一個有效的CSS顏色描述符，你可以寫：

document.body.style.backgroundColor = colour;

來源

2011-06-04 06:48:29

哈米迪我仍然無法改變背景顏色....我的代碼是

功能changecolor（顏色） { document.body.style.backgroundColor =顏色; } – alia 2011-06-04 07:01:50

@alia，你能給出一個你在'color'文本框中輸入的值的例子嗎？當您的評論中的代碼運行時，Javascript控制檯是否顯示錯誤？ – 2011-06-04 07:46:38

你必須把該函數在腳本塊。

...

</form> 
<script type="text/javascript> 
    //function declaration 
</script>

來源

2011-06-04 07:14:16 mightyplow

它是在JavaScript文件中 – alia 2011-06-04 07:15:36

「

function changecolor（color）{document.body.style.backgroundColor = color;}「那麼你試着在這裏調用函數嗎？（在表格之後） – mightyplow 2011-06-04 07:17:56

試試這個代碼，它的工作原理精心人。我剛纔想it.you可以用它在哪裏，你永遠want.also附加代碼爲onmouse點擊的onmouseover。

<html> 
    <head> 
    <script language="javaScript"> 
    function change_background(color){ 
    document.bgColor = color; 
    } 
    </script> 
    </head> 
    <body> 
    <form> 
    <label>color: <input type="text" name="color" > 
    </label> 
    <input name="clrs" type ="button" value="getcolor" onClick = "change_background(color.value) " > 
    </form> 
    <a href="#" onClick="change_background('#099')">ClickBlue</a> 
    <a href="#" onMouseOver="change_background('#111')">Mouseoverblack</a> 
    <a href="#" onMouseOver="change_background('#fff')">Mouseover white</a> 
    </body> 
    </html>`

來源

2011-06-04 07:46:17

ClickBlue Mouseoverblack Mouseover white – 2011-06-04 08:28:40

拷貝整個代碼和嘗試。我只是自己嘗試過，並沒有問題 – 2011-06-04 08:30:35

通過javascript函數改變顏色

回答

相關問題