我可以动态地从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。