萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> CSS去除免費虛擬主機的廣告心得分享
CSS去除免費虛擬主機的廣告心得分享
在虛擬主機圈子內摸爬滾打多了，才知道，外國很多免費虛擬主機，質量都遠比國內的收費虛擬主機好。比如我在SiteMix.jp申請的日本虛擬主機，容量1.5G，支持PHP5,流量不限，CPU不限，Mysql數據庫空間不限，還自帶最新版本的Wordpress，速度飛快，穩定;如果換作是國內收費虛擬主機的話，至少是300RMB/年的價格。不信?好吧，為了最大限度地測試它的性能，我申請了一個，做極耗資源的自動采集站，簡直是飛一般的感覺(圍觀地址http://degreeus.co.cc/)。這不是個案，再如我在一家俄羅斯網站申請的免費虛擬主機，甚至還可以放更加耗資源的放文本數據庫Web游戲(圍觀地址：http://www.sixsix.tu2.ru/)。注意，采集站和web游戲站，國內超過一半的收費虛擬主機都不讓放的，也放不起，因為會占用太多資源。
好了，說了這麼多。回歸正題。
剛才說了，經驗告訴我們，越是好的免費虛擬主機，越是會放置廣告。由於彈窗廣告的方式已經成為流氓專用，免費虛擬主機商插入廣告的方式無外乎對HTML標簽動手腳。具體操作基本上就跟“黑客”們在網站掛馬的一樣，無外乎就是以下這兩種。
1、通過javascript寫入廣告(紅框部分，演示地址http://degreeUs.co.cc/ad.htm)
2、通過強制插入iframe插入廣告(紅框部分;演示地址http://sango.toypark.in/ad.htm)
首先我們看iframe方式。
查看源代碼，發現有這麼一行
哦，明白了，空間提供商在web服務器輸出html時，把所有的網頁的"<body>”強制替換成了形如“<body><div><iframe/></div>”的樣子，iframe裡是廣告頁面，這樣就形成了類似於網站掛馬的強制廣告。
干掉iframe廣告的方法很多，本文只討論使用css來處理之。
大家都知道CSS可以直接描述一個可視標記的外觀。例如：p{color:red}則網頁裡所有p標記裡的文字顏色都會變成紅色;iframe不也是一個標記嗎？來：
iframe{...這裡寫描述外觀的CSS代碼;};
具體就是iframe{ad:expression(this.src='about:blank',this.outerHTML='');}
解釋一下，首先，選擇所有的iframe,然後，隨便定義一個css屬性，如ad,通過expression設置iframe內嵌網址為空，最後，通過設置outerHTML屬性移除iframe標記。這樣就解決咯～
有廣告的演示：http://sango.toypark.in/ad.htm
去掉廣告的演示：http://sango.toypark.in/noad.htm
接下來我們討論javascript形式的廣告如何去。
首先我們先思考兩個問題：1.空間商會在哪裡插入javascript，以保證他插入的javascript能夠正常運行，且不破壞原本的網頁呢？必須要一個通用的方法適合每個網站；2.javascript裡會是什麼內容呢？
做過網站的朋友都知道，與插入iframe的方式類似，由於每個網頁都會有<body>和</body>這兩個標簽，所以空間商一般會選擇替換其中的一個，比如把</body>替換成<scriptsrc=’…’/></body>。為了不影響網頁原本的外觀，空間商一般都是替換</body>而不是<body>，這樣比較人性化，廣告放在最後，也就是讓所有內容都加載完之後才會加載廣告。
原理如此簡單，需要去掉廣告也很容易了。最常見的是使用<noscript>標簽、寫入針對性的javascript移除廣告。當然我最喜歡的也是操作性最容易的，就是采用css了，也是對網站修改最小的辦法。
具體怎樣做呢，這就需要剛剛提出的第二個問題了。javascript裡會是什麼內容呢？一般來說，空間商喜歡有鏈接、帶樣式的廣告，所以javascript往往是寫入一個div（也有寫入iframe的，就可以采用上文的方法去了）。對於最常見的寫入div,我們只要通過DOM操作獲取到這個div,設置它的style=’display:none;’就行了。怎樣獲取這個div?兩種情況，簡單的情況是這個div有id，我們通過在css裡寫入類似"#id{}”的樣式定義即可；如果這個div沒有id，我們知道它肯定是DOM結構裡的最後一個div(因為它緊靠</body>),使用DOM的getElementsByTagName()方法與lastChild屬性結合即可。
演示地址的div有id，很幸運。我們找了它的id後,只需要在全局引用的css文件中這樣寫：
#sitemix_pr_footer{display:none;}
有廣告的演示：http://degreeUs.co.cc/ad.htm
去掉廣告的演示：http://degreeus.co.cc/整站。
去廣告的方式各種各樣，因為空間商插入廣告的方式各不相同，但無論是掛廣告還是去廣告，他們的原理都是一樣的。有的空間商廣告稍微復雜一點(如以前的websamba)，但同樣可以通過CSS、javascript(cssexpression)、DOM的方法來解決，往往都是一兩句代碼的事情。在下才疏學淺，不能說有什麼技術含量，只能算是心得吧！呵呵，大家踴躍討論。
希望大家以後遇到強插廣告的虛擬主機千萬不要放棄，稍微動一下腦筋，就能夠去掉廣告哦！這非常重要，因為一般情況下好用的空間才會插廣告。
- 上一頁:詳解DIV+CSS與表格建站的區別
- 下一頁:用CSS自定義熱區
