简单的onmouseover调用javascript不工作

简单的onmouseover调用javascript不工作,javascript,stylesheet,onmouseover,Javascript,Stylesheet,Onmouseover,在一个简单的html页面中,我有: <SCRIPT> function Clicker(number){ if (number == 1) document.write ('<style type="text/css">body {background-color: #cccccc;}</style>'); } </SCRIPT> 功能点击器(数字){ 如果(数字==1) document.write('body{背景色:#cccc;}');

在一个简单的html页面中,我有:

<SCRIPT>
function Clicker(number){
if (number == 1) 
document.write ('<style type="text/css">body {background-color: #cccccc;}</style>');
}
</SCRIPT>

功能点击器(数字){
如果(数字==1)
document.write('body{背景色:#cccc;}');
}
在html正文中:

<a onmouseclick="Clicker(1)" href="#">clic</a>


但当我点击链接时,什么也没发生。我哪里错了?

你需要像下面这样的“onclick”

<a onclick="Clicker(1)" href="#">clic</a>


只需在鼠标单击时将更改为onclick,编写样式块可能不会影响背景颜色的更改。为此,必须操作文档对象:

<script type="text/javascript">
function Clicker(number){
if (number == 1) 
    document.body.style.background='#cccccc';
}
</script>

功能点击器(数字){
如果(数字==1)
document.body.style.background='#cccc';
}
单击事件也应为onclick:

<a onclick="Clicker(1)" href="#">clic</a>


你为什么要这样做?为什么不用javascript设置body的背景,比如style.backgroundColor=或者应用一个黑色背景的类呢?好吧,如果你做一个
文档,它是onclick,而不是onmouseClick。这样写
(文档完全加载后),它会用你刚写的东西替换整个页面内容(案例中的样式元素)