网学网为广大网友收集整理了，PW9.0前端JS开发宝典二：JS延时加载技巧 ，希望对大家有所帮助！
所谓JS延时加载，就是当html文档元素都加载之后再请求JS文件，这样就能防止因JS加载而导致的页面阻塞渲染，也能保证JS文件所以的dom元素已经加载完毕。
通常情况下，为了保证页面流畅加载，都是在html文档的底部去JS文件。但实际场景中，由于要模板、插件等，很可能就需要在html文档的中部如引入js文件，这就触发了本文开头所说的“页面阻塞”……但是不用担心，依靠PW9.0里的Wind前端方案，只要懂得使用Wind.ready()的几种使用方法就能确保页面顺畅加载。
1. 核心JS文件依赖：
<!doctype html>
<html>
<head></head>
<body>
<div><!--header--></div>
<script>
Wind.ready(''global.js'', function(){
//等global.js加载完毕后，执行
});
</script>
<div><!--footer--></div>
<script>
Wind.use(''jquery'', ''global'');
</script>
</body>
</html>
由于"Wind.use(''jquery'', ''global'')"是PW9.0模板的底部都默认加载文件，所以Wind.ready(''global.js'')能确保html文档、jquery和核心global都已加载完毕，并可以使用。当然了，如果你只是依赖jquery，那么改成Wind.ready(''jquery.js'', function(){……}) 即可，注意这里的参数只用写JS文件名，不是文件路径。
2. DOM依赖：
<!doctype html>
<html>
<head></head>
<body>
<div><!--header--></div>
<script>
Wind.ready(''document'', function(){
//等dom ready后就执行
Wind.use(''xxx'', function(){});
});
</script>
<div><!--footer--></div>
<script>
Wind.use(''jquery'', ''global'');
</script>
</body>
</html>
如果你的JS不需要依赖jquery、global等其他文件，只要将参数改成“document”，就能确保在html文档加载完毕后就立即执行，而不会等待其他文件的加载。
