本文主要介绍一种新的广告后加载的方式，支持自定义HTML广告、百度联盟广告和谷歌联盟广告。这种方式在页面加载完成后执行，不影响内容的显示，对用户更加友好。
我们在网站上放置广告，最简单的方法就是把JS代码，插入指定的位置，这样带了后果就是，页面按照顺序加载，偶尔一条广告代码卡住，整个页面都会卡住，给用户带来的体验是极差的。
那么怎么解决这种问题呢？先说一下原理，在我们的页面上先预留一些占位符，为了不影响页面内容的加载，我们在页面的底部引入JS处理，逐个把占位符替换成相应的广告。
下面我们看具体的实现步骤：
一、在页面上放置占位符，其实就是一个span标记
二、编写独立的JS脚本代码：jbLoader.js
");
jbViaJs(jbTest.id);
return
}
document.write("");
var real = document.getElementById("jbTestPos_" + jbTest.id);
for (var i = 0; i < real.childNodes.length; i++) {
var node = real.childNodes[i];
if (node.tagName == "SCRIPT" && /closetag/.test(node.className)) continue;
jbTest.parentNode.insertBefore(node,jbTest);
i--
}
jbTest.parentNode.removeChild(jbTest);
real.parentNode.removeChild(real)
}
jbMap['ads_one'] = function() {
document.writeln('<a href="<a href="//www.jb51.cc/">//www.jb51.cc/" target="_blank">编程之家');
};
jbMap['ads_two'] = function() {
document.writeln('<scr'+'ipt type="text/javascript">var cpro_id = "u336546";<script src="<a href="http://cpro.baidustatic.com/cpro/ui/c.js">http://cpro.baidustatic.com/cpro/ui/c.js" type="text/javascript"></scr'+'ipt>');
};
jbMap['ads_three'] = function() {
document.writeln('<scri'+'pt async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></scri'+'pt><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-1247620132145618" data-ad-slot="2253650178" data-override-format="true" data-page-url="<scri'+'pt>(adsbygoogle">//www.jb51.cc"><scri'+'pt>(adsbygoogle = window.adsbygoogle || []).push({});</s'+'cript>');
};
注意：jbMap是放置广告的数组，数组的Key和Span标记的ID是对应的，我们可以在这个JS中按照这种形式添加自己的广告。这种广告加载方式，支持自定义的HTML广告、百度联盟广告、谷歌联盟广告，这里都给大家做了演示。
三、在页面底部中引入JS，调用jbLoader加载广告
