基于innerHTML中的script廣告實現代碼[廣告全部放在一個js里面] 原創

2019-11-21 01:08:01

字體：大中小

來源：轉載

供稿：網友

如果不清楚innerHtml的腳本如何運行的可以參考這篇文章
//m.survivalescaperooms.com/article/234.htm
下面的代碼目的就是防止有些網站需要將一些特別的廣告放到script中，大家可以完全用iframe替換，聯盟廣告大家可以用后加載的方式，特別處理。
推薦的代碼的寫法：

復制代碼代碼如下:

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://m.survivalescaperooms.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   class="iwvjtn8m0"   id="jb51"></div> <div> <div   class="iwvjtn8m0"   id="ss">上面的是4668*60</div> </div> <div   class="iwvjtn8m0"   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=.VeVB.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='http://img.VeVB.COm/imgby/logo_m.js'></scri"+"pt>"; set_innerHTML('jb51',Temp_Adv); Temp_Adv2="<scri"+"pt src='http://img.VeVB.COm/imgby/logo_r.js'></scri"+"pt>"; set_innerHTML('jb512',Temp_Adv2); //在jb51上面加一個廣告1 Temp_Adv3= "<a href='//m.survivalescaperooms.com/' target='_blank' title='這是廣告'> <img src='https://www.jb51.net//m.survivalescaperooms.com/images/logo.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='//m.survivalescaperooms.com/' target='_blank' title='這是廣告'> <img src='https://www.jb51.net//m.survivalescaperooms.com/images/logo.gif' border='0' alt='這是廣告'> </a>"; var Prean=document.getElementById("ss"); Prean.parentNode.insertBefore(aNode,Prean); } </script>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

經測試發現，如果想在有運行script的上面加廣告是不可能的因為這些腳本是后執行的，所有腳本廣告可以直接在腳本中寫入，不要隨便的后加入了。

但如果是其它的廣告是可以前面加入廣告的，一些網站都是直接通過script控制全站的廣告，雖然武林網暫時沒有使用這種方法，不過在以后我們也會參考這個方法。

最主要的是廣告，大家可以盡量的避免使用script,盡量的使用iframe或直接代碼，圖片鏈接等方法是非常不錯的。

上一篇：控制input的CSS但不影響CheckBox以及Radio的樣式

下一篇：JavaScript switch case 的用法實例[范圍]