首页 / JAVASCRIPT / Javascript实现广告后加载可加载百度谷歌联盟广告[原创]_javascript技巧

Javascript实现广告后加载可加载百度谷歌联盟广告[原创]_javascript技巧

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Javascript实现广告后加载可加载百度谷歌联盟广告[原创]_javascript技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3792字，纯文字阅读大概需要6分钟。

内容图文

　　本文主要介绍一种新的广告后加载的方式，支持自定义HTML广告、百度联盟广告和谷歌联盟广告。这种方式在页面加载完成后执行，不影响内容的显示，对用户更加友好。

　　我们在网站上放置广告，最简单的方法就是把JS代码，插入指定的位置，这样带了后果就是，页面按照顺序加载，偶尔一条广告代码卡住，整个页面都会卡住，给用户带来的体验是极差的。

　　那么怎么解决这种问题呢？先说一下原理，在我们的页面上先预留一些占位符，为了不影响页面内容的加载，我们在页面的底部引入JS处理，逐个把占位符替换成相应的广告。

下面我们看具体的实现步骤：

一、在页面上放置占位符，其实就是一个span标记

代码如下:




二、编写独立的JS脚本代码：jbLoader.js

代码如下:

jbMap = window.jbMap || {};
function jbViaJs(locationId) {
var _f = undefined;
var _fconv = 'jbMap[\"' + locationId + '\"]';
try {
_f = eval(_fconv);
if (_f != undefined) {
_f()
}
} catch(e) {}
}
function jbLoader(closetag) {
var jbTest = null,
jbTestPos = document.getElementsByTagName("span");
for (var i = 0; i < jbTestPos.length; i++) {
if (jbTestPos[i].className == "jbTestPos") {
jbTest = jbTestPos[i];
break
}
}
if (jbTest == null) return;
if (!closetag) {
document.write("<span id=jbTestPos_" + jbTest.id + " style=display:none>");
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('http://www.gxlcms.com/" target="_blank">脚本之家');
};

jbMap['ads_two'] = function() {
document.writeln('<scr'+'ipt type="text/javascript">var cpro_id = "u336546";</ script>

内容总结

以上是互联网集市为您收集整理的Javascript实现广告后加载可加载百度谷歌联盟广告[原创]_javascript技巧全部内容，希望文章能够帮你解决Javascript实现广告后加载可加载百度谷歌联盟广告[原创]_javascript技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/305410.html

来源：【匿名】