Javascript函数不能与onmouseover属性一起使用

Question

我希望在鼠标在图像上过/放时更改css属性。不幸的是，它似乎没有用，所以我用onmouseover属性测试了简单的javascript：

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

和

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

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

Answer 1

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

查看this JSFiddle

Answer 2

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

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

Answer 3

  

我想在鼠标在图像上结束/退出时更改css属性

为什么你需要这个javascript？一个简单的CSS样式可以解决问题：

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

顺便说一下

document没有名为alert的属性。它是window.alert()！或者只是alert('hello');