ajax异步加载延时问题,关于js延迟加载（异步操作）的方式

一、概述

最近重新开始学习js，在第一章的一个小节里写到了“脚本调用策略”，书上写的这部分不多，但是发现在我之前的(笔)面试中，问到的频率还是比较高的。自己一直习惯于直接把所有js文件写在head里，后来了解到优化后，会把js放在最底部，但并不太懂这样做的好处，而且其他的一些处理方式，自己也并未有过实际的操作。

在面试中对这部分的考察，主要考察的是程序的性能方面。程序的性能是一个项目不断地追求的，通常也是项目完成后需要长期做的一件事情，为了让用户的体验更好。性能优化的核心思想就是快，可以预先准备数据(如缓存的使用)，可以按需获取，可以分段获取等都是常见的优化手段。

而对于js的优化(即js延迟加载)，主要是因为HTML元素是按其在页面中出现的次序调用的，如果用javascript来管理页面上的元素(使用文档对象模型dom)，并且js加载于欲操作的HTML元素之前，则代码将出错。也就是说，我们写了js语句来获取DOM对象，但由于DOM结构还没有加载完成，因此获取到的是空对象。其意义在于，这样有助于提高页面加载速度，js延迟加载就是等页面加载完成之后在加载js文件。

二、js的同步加载和异步加载

同步加载，又称阻塞模式，是我们平时使用最多的方式，也就是直接将写在

里。这种方式会阻止浏览器的后续处理，停止后续的解析，直到当前的加载完成。一般来说，同步加载是安全的，但如果我们js里设计到document内容输出、获取或修改DOM结构等行为，就会产生页面阻塞代码出错。所以一般就会建议把写在页面最底部,以减少页面阻塞。(这种方式可能也是我们刚开始接触到js优化，