[原创]基于innerHTML中的script广告实现代码[广告全部放在一个js里面]- Javascript

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > [原创]基于innerHTML中的script广告实现代码[广告全部放在一个js里面]

Javascript: 用jQuery解决IE不支持的option disable属性; jQuery 源代码显示控件 (Ajax加载方式).; JS backgroundImage控制; jQuery 性能优化指南（1）; jQuery 性能优化指南（2）; jQuery 性能优化指南（3）; input+select(multiple) 实现下拉框输入值; javascript getBoundingClientRect() 来获取页面元素的位置的代码[修正版]; jQuery 图像裁剪插件Jcrop的简单使用; 让GoogleCode的SVN下的HTML文件在FireFox下正常显示.; jquery(1.3.2) 斑马线效果代码; JQuery Jcrop 实现图片裁剪的插件; jquery img src 获取实现代码; javascript 历史记录经常用于产品最近历史浏览; jquery tabs的实现代码; jQuery 剧场版你必须知道的javascript; JavaScript 闭包深入理解(closure); js 图片缩放（按比例）控制代码; 广告切换效果(缓动切换); javascript 用局部变量来代替全局变量

No. « ‹ 219 220 221 222 › »

技术文章搜索

关键字

Javascript 中的 [原创]基于innerHTML中的script广告实现代码[广告全部放在一个js里面]

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-12 浏览: 424 ::

收藏到网摘: n/a

javascript 面向对象编程 function是方法(函数) jQuery slider Content(左右控制移动)

基于innerHTML中的script广告实现代码 ,主要是为了统一管理广告，但因为innerHtml的script的一些问题不建议script的代码下面是一些测试。

如果不清楚innerHtml的脚本如何运行的可以参考这篇文章
http://www.ruanchen.com/"codetitle">复制代码代码如下:

if(PageClass==2) 
{ 
 //顶部通栏 468*60用iframe方式加载 
 set_innerHTML('Head_2_2',All_Top_468_60); 
 //顶部468*60 
 set_innerHTML('Head_5',All_Top_970_60); 
 Temp_Adv='<iframe scrolling="no" frameborder="0" marginheight="0" marginwidth="0" width="240" height="152" 
src="/show/html/List_1_1_4.html" style="margin-bottom:5px;"></iframe>'; 
 set_innerHTML('List_1_1_4',Temp_Adv); 
//下载右边文字 直接地址+图片 推荐 
Temp_Adv='| <a href="http://www.ruanchen.com?" class="wLink" target="_blank">软晨学习网</a> '; 
 document.getElementById("Soft_1_2_4_h2").innerHTML+=Temp_Adv; 
 // set_innerHTML('Soft_1_2_2_1_2',Temp_Adv); 
}

点击运行可以看到效果:

<div id="jb51"></div>
<div>
<div id="ss">上面的是4668*60</div>
</div>
<div id="jb512"></div>
上面的是4668*602 因为直接用的是inner所有不显示。
<script>
var PageClass=1
//上面主要是为了区分页面，首页，列表页，内容页的控制，原理不错
var global_html_pool = [];
var global_script_pool = [];
var global_script_src_pool = [];
var global_lock_pool = [];
var innerhtml_lock = null;
var document_buffer = "";
function set_innerHTML(obj_id, html, time) {
if (innerhtml_lock == null) {
innerhtml_lock = obj_id;
}
else if (typeof(time) == "undefined") {
global_lock_pool[obj_id + "_html"] = html;
window.setTimeout("set_innerHTML('" + obj_id + "', global_lock_pool['" + obj_id + "_html']);", 20);
return;
}
else if (innerhtml_lock != obj_id) {
global_lock_pool[obj_id + "_html"] = html;
window.setTimeout("set_innerHTML('" + obj_id + "', global_lock_pool['" + obj_id + "_html'], " + time + ");", 20);
return;
}
function get_script_id() {
return "script_" + (new Date()).getTime().toString(36)
+ Math.floor(Math.random() * 100000000).toString(36);
}
document_buffer = "";
document.write = function (str) {
document_buffer += str;
}
document.writeln = function (str) {
document_buffer += str + "\n";
}
global_html_pool = [];
var scripts = [];
html = html.split(/<\/script>/i);
for (var i = 0; i < html.length; i++) {
global_html_pool[i] = html[i].replace(/<script[\s\S]*$/ig, "");
scripts[i] = {text: '', src: '' };
scripts[i].text = html[i].substr(global_html_pool[i].length);
scripts[i].src = scripts[i].text.substr(0, scripts[i].text.indexOf('>') + 1);
scripts[i].src = scripts[i].src.match(/src\s*=\s*(\"([^\"]*)\"|\'([^\']*)\'|([^\s]*)[\s>])/i);
if (scripts[i].src) {
if (scripts[i].src[2]) {
scripts[i].src = scripts[i].src[2];
}
else if (scripts[i].src[3]) {
scripts[i].src = scripts[i].src[3];
}
else if (scripts[i].src[4]) {
scripts[i].src = scripts[i].src[4];
}
else {
scripts[i].src = "";
}
scripts[i].text = "";
}
else {
scripts[i].src = "";
scripts[i].text = scripts[i].text.substr(scripts[i].text.indexOf('>') + 1);
scripts[i].text = scripts[i].text.replace(/^\s*<\!--\s*/g, "");
}
}
var s;
if (typeof(time) == "undefined") {
s = 0;
}
else {
s = time;
}
var script, add_script, remove_script;
for (var i = 0; i < scripts.length; i++) {
var add_html = "document_buffer += global_html_pool[" + i + "];\n";
add_html += "document.getElementById('" + obj_id + "').innerHTML = document_buffer;\n";
script = document.createElement("script");
if (scripts[i].src) {
script.src = scripts[i].src;
if (typeof(global_script_src_pool[script.src]) == "undefined") {
global_script_src_pool[script.src] = true;
s += 2000;
}
else {
s += 10;
}
}
else {
script.text = scripts[i].text;
s += 10;
}
script.defer = true;
script.type = "text/javascript";
script.id = get_script_id();
global_script_pool[script.id] = script;
add_script = add_html;
add_script += "document.getElementsByTagName('head').item(0)";
add_script += ".appendChild(global_script_pool['" + script.id + "']);\n";
window.setTimeout(add_script, s);
remove_script = "document.getElementsByTagName('head').item(0)";
remove_script += ".removeChild(document.getElementById('" + script.id + "'));\n";
remove_script += "delete global_script_pool['" + script.id + "'];\n";
window.setTimeout(remove_script, s + 10000);
}
var end_script = "if (document_buffer.match(/<\\/script>/i)) {\n";
end_script += "set_innerHTML('" + obj_id + "', document_buffer, " + s + ");\n";
end_script += "}\n";
end_script += "else {\n";
end_script += "document.getElementById('" + obj_id + "').innerHTML = document_buffer;\n";
end_script += "innerhtml_lock = null;\n";
end_script += "}";
window.setTimeout(end_script, s);
}
// JavaScript Document
if( PageClass ==null)
{
var PageClass = 0;
}
// ==============公共变量=====================
var delta=0.15;
//==================函数列表=========================
function PostCookie(cookieName)
{
var expdate = new Date();
expdate.setTime(expdate.getTime() + 604800000);
document.cookie=cookieName+";expires="+expdate.toGMTString()+";path = /;domain=.ruanchen.com";
}
//用于产生随机轮转广告 i 随机个数
function GetRandom(i)
{
var dt = new Date();
var hr = dt.getSeconds();
hr = hr%i;
return hr;
}
//读取Cookies值
function getCookie(cookieName)
{
var cookieString =document.cookie;
var start = cookieString.indexOf(cookieName + '=');
// 加上等号的原因是避免在某些 Cookie 的值里有
// 与 cookieName 一样的字符串。
if (start == -1) // 找不到
return null;
start += cookieName.length + 1;
var end = cookieString.indexOf(';', start);
if (end == -1)
return unescape(cookieString.substring(start));
return unescape(cookieString.substring(start, end));
}
//下载指定的文件
function PosDownload(url)
{
top.location.href =url;
return true;
}
//复制标题和网址
function copypageurltitle()
{
var clipBoardContent='';
clipBoardContent =document.title;
clipBoardContent+='\r\n';
clipBoardContent+=document.location;
window.clipboardData.setData("Text",clipBoardContent);
alert("标题和网址已经拷贝，请发给你QQ/Msn或者可以粘贴到论坛上和您的好友一起分享 ^_^ ");
}
var IsShowAds = true; //是否显示广告
if(getCookie("IsShowAds")=="False") IsShowAds=false;
//=========================================================================================
if(PageClass==1)
{
PostCookie("IsShowAds=False");
//上面的 cookies主要是为了控制，广告显示以后，刷新后或打开别的页面 广告就不显示。
//顶部通栏 468*60
Temp_Adv="<scri"+"pt src='/upload/tech/20091012/20091012100714_4fac9ba115140ac4f1c22da82aa0bc7f.js'></scri"+"pt>";
set_innerHTML('jb51',Temp_Adv);
Temp_Adv2="<scri"+"pt src='/upload/tech/20091012/20091012100714_db85e2590b6109813dafa101ceb2faeb.js'></scri"+"pt>";
set_innerHTML('jb512',Temp_Adv2);
//在jb51上面加一个广告1
Temp_Adv3= "<a href='http://www.ruanchen.com/'_blank' title='这是广告'> <img src='/upload/tech/20091012/20091012100714_db8e1af0cb3aca1ae2d0018624204529.gif' border='0' alt='这是广告'> </a>";
document.getElementById("jb51").innerHTML +=Temp_Adv3;
//在jb51上面加一个广告2
var aNode =document.createElement("div");
aNode.style.marginBottom =2;
aNode.innerHTML = "<a href='http://www.ruanchen.com/'_blank' title='这是广告'> <img src='/upload/tech/20091012/20091012100714_db8e1af0cb3aca1ae2d0018624204529.gif' border='0' alt='这是广告'> </a>";
var Prean=document.getElementById("ss");
Prean.parentNode.insertBefore(aNode,Prean);
}
</script>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

经测试发现，如果想在有运行script的上面加广告是不可能的因为这些脚本是后执行的，所有脚本广告可以直接在脚本中写入，不要随便的后加入了。
但如果是其它的广告是可以前面加入广告的，一些网站都是直接通过script控制全站的广告，虽然软晨学习网暂时没有使用这种方法，不过在以后我们也会参考这个方法。
最主要的是广告，大家可以尽量的避免使用script,尽量的使用iframe或直接代码，图片链接等方法是非常不错的。

javascript 面向对象编程 function是方法(函数) jQuery slider Content(左右控制移动)

Javascript 中的 [原创]基于innerHTML中的script广告实现代码[广告全部放在一个js里面]

评论 (0) All