讨论一下讨厌的script标签

大家应该都遇到过一种场景,一段脚本要在某一元素创建以后立即执行:

<div id="content">
</div>
<script type="text/javascript">
 //do something
</script>

这是一种很糟糕的做法,至少有2个严重问题:
1.script标签将阻塞渲染线程,因为要照顾到document.write这种邪恶的写法,后面的渲染必须等待脚本执行完毕,这对于引用单独JS文件的script标签更加致命,渲染必须等待JS文件下载。

2.行为和表现无法彻底分离,JS代码也无法和HTML代码分离

所以我在想是否可以引入一事件

body.onElementLoad=function(element) {
    if(element.id=="content"){
        //do something
    }
}

大家说说自己的想法

Received on Friday, 22 October 2010 10:55:41 UTC