讨论一下讨厌的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
    }
}

大家说说自己的想法