JS延迟加载内容

前言

通常这个效果会用在网站中的广告部分，因为站长希望让访客加载网页时先加载正常内容，把广告部分留待之后再加载，这样可以尽量地减低影响用户体验！

提示部分

<span id="qqzoneimg">QQ头像载入中...</span>

广告部分

<span id="span_qqzoneimg"><img src="http://qlogo2.store.qq.com/qzonelogo/7273771/1/1235015107" alt="" /></span>

JS部分

<script type="text/javascript">
document.getElementById("qqzoneimg").innerHTML = document.getElementById("span_qqzoneimg").innerHTML;
document.getElementById("span_qqzoneimg").innerHTML = "";
</script>

使用说明

1、将提示部分的代码，放在原本你要正常放置广告代码的地方，替代你想要被延迟的部分；
2、将广告部分的代码，放在</body>之前，上述代码中<img>标记之内的所有代码就是指原始广告代码，也就是你想要被延迟的完整代码；
3、将JS部分的代码，放在</body>之前，其中的“qqzoneimg”和“span_qqzoneimg”可以任意更改，但必须要和前面两个代码部分的ID相符；
4、按照以上格式，可以批量添加。