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

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

Javascript: AJAX教程(14)：通过XMLHTTP加载XML文件; AJAX教程(15)：通过XMLHTTP进行一次HEAD请求; AJAX教程(16)：通过XMLHTTP进行一次指定的HEAD请求; AJAX教程(17)：把XML文件显示为HTML表格; JS通过WMI获取客户端硬件信息; JavaScript中使用远程脚本; 关于Ajax技术的注意事项; XMLHttpRequest创建智能表单; iframe创建智能表单; JS教程:线小测试程序; 在Web页面中使用计时器; 将事件处理器作为HTML标记的属性; 事件处理器作为浏览器对象的属性; Math对象应用详解; random()方法和pow()方法; charAt()方法和charCodeAt()方法; Number对象常用的toFixed()方法; JS教程:为什么尽量用局部变量代替全局变量; 解决JavaScript循环中的过多操作; 处理提示“脚本运行时间过长的提示框”问题

No. « ‹ 170 171 172 173 › »

技术文章搜索

关键字

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

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

收藏到网摘: 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