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

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

Javascript: js支持158、159开头的手机号的验证; javascript学习网址备忘; JScript的条件编译; [原创]站长必须要知道的javascript广告代码; js实现的点击超链显示隐藏层; JCalendar 日历控件 v1.0 beta[兼容IE&Firefox] 有文档和例子; JavaScript 不只是脚本; 把JS与CSS写在同一个文件里的书写方法; Javascript & DHTML 实例编程（教程）基础知识; Javascript & DHTML 实例编程（教程）DOM基础和基本API; javascript实现的一个图片转移效果; 用js实现键盘方向键翻页功能的代码; js实现DIV的一些简单控制; 用CSS+JS实现的进度条效果效果; 爱恋千雪-US-AscII加密解密工具（网页加密）下载; 用javascript实现始终保持打开同一个子窗口以及关闭父窗口同时自动关闭所有子窗口; 非常不错的页面特效建议大家看下; javascript Zifa FormValid 0.1表单验证代码打包下载; 实现javascript的延期执行或者重复执行的两个函数; 推荐一个不错的图片浏览效果

No. « ‹ 69 70 71 72 › »

技术文章搜索

关键字

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

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

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