JS的加载，是浏览器下载到哪里就执行到哪里，这种特性会导致整个项目没有一个明显的程序入口。
为了解决这个问题，我们需要对代码功能进行划分。JS分成两部分：框架和具体的功能实现。框架部分包括：定义全局变量，命名空间等，和具体功能无关，每个页面都需要加载相同的框架，每个页面都需要加载包括相同的框架。
按照编码习惯，将初始化的工作放在init函数中，他便是网页的程序入口。
JS代码中会出现这样一种情况，某个dom节点拥有方法，而当前这个dom节点还没有被加载进来，此时程序会报错。
因此我们需要监听window的onload事件，window对象会在网页内元素全部加载完之后触发onload事件。
那么我们可以在加载完之后：
function init(){
//初始化
}
window.οnlοad=init;
其实有的页面中，init并不一定都要被加载。因此我们改进一下：先判断页面中是否定义了init函数，定义了，采取加载。
if(init){
init();
}
但是其实，使用window.onload是有问题的，因为它要求网页内所有元素加载完才触发，如果网页中有图片视频，那么加载的时间大大增长，初始化代码init会过了很久才执行。
解决方法：JS提供了ready事件来替代window.onload。DOMReady只判断页面的所有DOM节点是否已经全部生成，至于节点内容是否加载，并没有关系。
所以DOMReady的速度比window.onload更快，特别是当页面中有大量的图片等富媒体资源的时候。
我们使用DOMReady来调用初始化函数，一般是结合框架如JQ来使用他：$(document).ready(function(){ })
如果不使用框架，也可以原生写DOMReady操作，但是因为DOMReady比较复杂，在不同浏览器中用法不同，因此不建议使用。
平时我们也可以模拟DOMReady事件。通过将JS写在body内容下面，来达到相同的效果。如下：
<body>
</body>
<script>
</script>
或：
<body>
<script>
</script>
</body>
此时页面内的内容不一定都加载完成，但是DOM节点一定都生成了。模拟DOMReady效果。
303
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
