请教

Question

请问:下面的两个写法，那个好些？<div onclick=ok()>aaa</div>
<script>
function ok(){
alert("ok")
}
</script>
<div id=div0>aaa</div>
<script>
obj=document.getElementById("div0");
obj.onclick=function(){alert("ok")};
</script>

Answer 1

功能都一样，建议用后者，这样可以保持HTML和JavaScript的分离，实现Clean HTML(清晰明了)

Answer 2

代码多的话后一种，要不你不单要看js还要看htm

Answer 3

效果一样，但后者更加灵活，跟1L说的一样JS和HTML分离，维护方便

Answer 4

第二种写法好，提倡
直接在html代码中写入javascript语句会导致元素标识与处理函数刚性关联，不能将行为完全从结构中分离，灵活性受到限制

Answer 5

后面了。
js和html分离出来，使页面更清晰。

Answer 6

加载的东西不一致：前者没有加载ocument.getElementById("div0")对象，后者在页面初始化就加载ocument.getElementById("div0")对象，性能上提倡前者，

Answer 7

function ok(){ 
alert("ok") 
} obj=document.getElementById("div0"); 
obj.onclick=ok；这种最好，即可实现代码分离又可实现函数的重用，楼主的代码只可使用一次

Answer 8

从性能上和代码解耦合上上面已经说过了。
 还有就是 前者是针对页面对象的事件关联。
后者是和这个页面对象的id属性关联。如果页面对象的id是动态可变后者就歇菜了！