我可以动态地从javascript分配动作吗?

时间:2010-12-04 08:22:09

标签: javascript html

通常,我这样做是为了提示警告框,并说出Hello

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

但是这一次,我不想在html标签内部进行,我想在js内部进行。我怎么能这样做?谢谢。

2 个答案:

答案 0 :(得分:2)

我建议您使用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是因为有很多其他功能几乎每次你想做某事都会派上用场

答案 1 :(得分:1)

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

当窗口加载时,点击事件附加到您的div,每当您点击时,警报就会发生。这被称为从结构和风格中分离出来的。