Javascript 装载和执行
这篇讲的是浏览器如何处理JavaScript文件的装载和执行问题。作者从JavaScript两大特性——“载入后立即执行”且“执行时阻塞页面”——出发,通过一系列具体示例,对比了多种解决方案的差异与适用场景。 传统将script标签放在head中会导致页面渲染被完全阻塞。即便使用document.write动态插入,对整个页面来说仍然是同步阻塞的。HTML5的async属性虽允许并行下载,但脚本执行时机不可控;而IE的defer属性能延迟执行且不阻塞DOM渲染,不过浏览器兼容性有限。 作者重点推荐了“动态创建DOM元素”的方式,这已成为异步加载的常用模式。进一步地,为了解决“何时执行”的问题,可以将脚本加载绑定到window.onload或特定交互事件上。文章还探讨了预加载脚本但不立即执行的进阶需求,介绍了利用object或iframe标签进行缓存的变通方法。 最终,作者通过对比演示,清晰地展现了每种方案在执行顺序、阻塞行为和浏览器支持上的权衡,为开发者在实际项目中选择合适的脚本加载策略提供了实用参考。