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