我可以動態地從JavaScript分配動作嗎？

Question

通常情況下，我這樣做是爲了提示警告框，說你好

<div style="color:#00FF00" onclick=alert("Hello"); id = "helloDivTag"> 
    <h3>This is a header</h3> 
    <p>This is a paragraph.</p> 
</div> 

但是這一次，我並不想這樣做的HTML標籤內，我想這樣做的JS裏面。我該怎麼做？謝謝。

Answer 1

我會建議使用jquery框架，那麼你只是這樣做

$(function(){ 
$('#helloDivTag').click(function(){ 
alert("Hello"); 
}); 
}); 

實現它應該是這樣的，你只要把它的頭

<script src="http://code.jquery.com/jquery-1.4.4.min.js"></script> 
<script> 
$(function(){ 
    $('#helloDivTag').click(function(){ 
    alert("Hello"); 
    }); 
    }); 
</script> 

爲什麼我建議使用jQuery和不簡單的JavaScript是因爲有很多其他功能可以派上用場，幾乎每次你想做點什麼時

Answer 2

window.onload = function() { 
    document.getElementById('helloDivTag').onclick = function(){ 
     alert('hi'); 
    } 
} 

當窗口加載點擊事件附加到您的div和每當你做點擊警報發生。這被稱爲從結構和風格分離behvaiour。