Javascript函数不支持onmouseover属性

Question

我想在鼠标悬停在图像上时更改css属性。不幸的是，它似乎没有工作，所以我测试了简单的JavaScript用的onmouseover属性：

<script type="text/javascript"> 
    function show_alert() { document.alert("Alert"); } 
</script> 

和

<div class="test" onmouseover="show_alert()"> 
    .... 
</div> 

但是当我移动鼠标移到这个div块，什么都没有发生，并有点难以调试 里面发生了什么。我该如何解决这个问题？

Answer 1

的alert方法是window对象，而不是document对象的方法。使用document.alert返回undefined。

<script type="text/javascript"> 
    function show_alert() { window.alert("Alert"); } 
</script> 

Answer 2

我想改变CSS属性，当鼠标悬停/缩小图像

为什么你需要为这个JavaScript的？一个简单的CSS样式的伎俩：

img:hover { border: 2px solid red; } 

顺便说

document因为没有财产称为alert。这是window.alert()！或简单地alert('hello');

Answer 3

该警报不起作用，因为您正在使用document.alert，它不存在。你会想要window.alert，或者只是alert

退房this JSFiddle