javascript - 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 块上时，什么都没有发生，而且很难调试里面发生了什么。我该如何解决这个问题？

score 3 · Accepted Answer

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

score 2 · Accepted Answer

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

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

score 1 · Accepted Answer

当鼠标悬停/移出图像时，我想更改 css 属性

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

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

顺便一提

document因为没有属性称为alert. 是window.alert()！或者干脆alert('hello');

3 回答 3