百度联盟广告 js 代码多次重复引入解决办法，百度联盟广告异步加载

【摘要】很开心自己的博客经过一年的时间，能够加入到百度联盟中【心情是无比兴奋】，然后我就在博客上面添加了不少的广告，然而我发现在同一页面中如果引入多个广告代码，则会造成同一 js 代码多次引入，从而减慢的网站的访问速度，本文讲讲如何使用另外一种方法来加载百度广告。

通常我们在页面中也加载百度联盟广告时，通常在选择的位置上贴上百度 js 引入代码，例如：

1. <script type="text/javascript">

2.     /*230*250 创建于 2017-6-20*/

3.     var cpro_id = "u3017672";

4. </script>

5. <script type="text/javascript" src="http://cpro.baidustatic.com/cpro/ui/c.js"></script>

在页面中需要添加广告位的地方，就插入上面这一段代码，然而当我们的代码数不少的时候，则会重复的引入这一次 js 代码：

但这并不是我们希望的，我们只希望 js 代码加载一次就够了，重复加载的话会严重影响网站的加载速度的。于是乎就有了下面的代码：

1. <div id="loadad1"></div>

2. <div id="loadad2"></div>

3. <script type="text/javascript" src="http://cbjs.baidu.com/js/m.js"></script>

4. <script type="text/javascript">

5.     BAIDU_CLB_fillSlotAsync("u3015752","loadad1");

6.     BAIDU_CLB_fillSlotAsync("u3012650","loadad2");

7. </script>

当然是用 jQuery 引入也是可行的：

1. $.getScript("http://cbjs.baidu.com/js/m.js", function() {

2.     BAIDU_CLB_fillSlotAsync("u3015752","loadad1");

3.     BAIDU_CLB_fillSlotAsync("u3012650","loadad2");

4. });

通过这种引入方式就能够避免 js 代码被重复的加载。以上代码是不是很简单实用呢，实现了百度联盟代码的异步加载，且不重复引入 js 代码。

我要打赏