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

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

Javascript: 自己开发Dojo的建议框架; js每次Title显示不同的名言; 不用AJAX和IFRAME,说说真正意义上的ASP+JS无刷新技术; 无限级别的菜单（侧拉菜单）; 点选TOP后并不是直接跳到页顶的，而是滚动上去; js下拉菜单中自动信息轮换播放; 英文首字母全大写的js实现脚本; 实例区别onClick和onDBClick两事件方法; 改变文本框字体颜色的js脚本; js星空效果代码; 判断li是否有样式的js代码; 文本框点击时文字消失，失去焦点时文字出现; 如何让一个层关闭之后，就算刷新页面了也不显示。除非关闭页面再次打开; 右下角弹出窗口效果代码; JS控制对象移动效果; 验证用户是否修改过页面的数据的实现方法; Javascript操作select方法大全[新增、修改、删除、选中、清空、判断存在等]; 正则表达式判断是否存在中文和全角字符和判断包含中文字符串长度; EXT富客户端后台管理系统初步代码; 不同浏览器javascript变量作用域的处理方法

No. « ‹ 110 111 112 113 › »

技术文章搜索

关键字

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

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

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