給css添加javascript運算式解決iframe掛馬

相信大多數朋友都是iframe木馬的受害者，有朋友的網站被注入了n回iframe，心情可想而知。而且現在ARP攻擊，注入iframe也是輕而易舉事，僅區域網路裡都時刻面臨威脅，哎，什麼世道。接近年關，為了防止更多的朋友受到攻擊，於是細細說下。

靈兒曾經在經典論壇上發過貼子：《一行代碼解決網站防掛IFRAME木馬方案》，有不少朋友都聯絡了靈兒，有的表示感謝，不過更多的是疑問了，今天把原理細細地講一下吧：

IE Only——一般只有IE害怕iframe這樣的掛馬,所以靈兒就拿IE開刀。

在閱讀本文之前，我們先瞭解一下expression；

IE5及其以後版本支援在CSS中使用expression，用來把CSS屬性和JavaScript指令碼關聯起來，這裡的CSS屬性可以是元素固 有的屬性，也可以是自訂屬性。就是說CSS屬性後面可以是一段JavaScript運算式，CSS屬性的值等於Javascript運算式執行的結果。 在運算式中可以直接引用元素自身的屬性和方法，也可以使用其他瀏覽器對象。這個運算式就好像是在這個元素的一個成員函數中一樣。

很多朋友都知道CSS可以直接描述一個可視標記的外觀。例如：p{color:red} 則網頁裡所有p標記裡的文字顏色都會變成紅色;iframe不也是一個標記嗎？開始跟靈兒寫代碼吧，呵呵：
iframe{...這裡寫描述外觀的CSS代碼;};

仔細想想要防止iframe裡的東東被下載的最好辦法是什嗎？核心來了，那就是切斷iframe裡的請求，切斷請求就是要迅速銷毀iframe對象。如何?呢，上面不是介紹了expression嗎？expression是可以執行JS指令碼的哈。文法格式如下二種：

        標記固有的CSS屬性名稱:expression(JS運算式);
        或自訂屬性名:expression(JS運算式);

在這裡我們選擇第二種，代碼應該大致是這樣 iframe{v:expression(JS運算式);}

接下來的問題是如何銷毀網頁裡所有的iframe對象；使用JS實現的原理是這樣的:使iframe裡的請求地址變成空白頁 (about:blank)，再將iframe對象從DOM（文件物件模型）中移除就可以切斷所有iframe裡的請求了。移除DOM節點的方法比較多， 我這裡就用 outerHTML這個屬性吧。CSS代碼如下：

iframe{v:expression(this.src='about:blank',this.outerHTML='');}

說明：前面的v字是靈兒自己定義的一個CSS屬性，這裡的this代表所有將要描述外觀的iframe對象，中間的逗號代表二句代碼一起執行，沒有 執行優先順序，這可是強有力的保證噢。about:blank代表空白頁，大家都知道的。outerHTML 屬性是DOM對象包含自身的HTML代碼，而 innerHTML則是DOM對象（不含本身）裡面所包含的HTML代碼。

爽快，代碼寫好了，就讓我信來測試一下有沒有效果。

首先，建立一個網頁，插入以上的CSS代碼(或在您現有的CSS代碼裡加入上面那句)：

<style type="text/css">
iframe{v:expression(this.src='about:blank',this.outerHTML='');}
</style>

然後在這個頁面插入幾個IFRAME代碼，假設它們是被掛的木馬網頁。代碼如下：

<iframe src="http://www.baidu.com"></iframe>　百度
<iframe src="http://www.126.com/"></iframe>　126郵箱
<iframe src="http://www.163.com"></iframe>　網易

儲存為noiframe.htm，開啟瀏覽器測試一下（本地測試需要啟用頂部禁用的指令碼的提示條哦）。我這裡使用抓包工具來測試，不過也沒有必要使 用抓包工具，一個最簡單有效方法是開啟IE的快取檔案夾，先清空它，再重新整理這個頁面，看看快取檔案夾裡有沒有這三個網站裡的檔案。如果沒有，說明沒有任 何請求結果被返回——測試結果是令人滿意的，我的臉上有些微笑 ^^*，這時同事遞給我一塊餅，蠻好吃的。

提示：Windows XP SP2的快取檔案夾位置　C:\Documents and Settings\Administrator\Local Settings\Temporary Internet Files

細心的朋友發現問題來了，如果我自己的網頁裡要使用iframe這個東東怎麼辦？

答：如果要使自己的iframe顯示在網頁裡，而別人掛的IFRAME馬都不起作用，在CSS裡加一個 #f126{v:expression() !important}
對應的IFRAME代碼為：

<iframe id="f126" name="f126" src="http://www.126.com/"></iframe>　

就OK了。

提示：IE7中優先執行標註有“!important”描述的樣式，IE6不認識!important，採用就近原則，所以IE6的這個代碼放在CSS的最後就可以了。

這裡的f126，有很多朋友有疑問，他們問我為什麼取"f126"，我這樣回答——這個f126是隨意取的，只要下面的iframe裡的ID屬性和CSS裡的一致就行了。同事又要遞一塊餅我吃，我說飽了哈..嘻嘻..

當然掛馬者可以構造這樣的代碼：

<iframe style="v:expression() !important" src="URL"></iframe>

使我的防禦方式失效，不過它得特意去看我的CSS代碼裡iframe裡的首碼v,如果我的v是變化的呢，哈哈，是不是也不管用呢！

小結：
以上的方法只是停止了iframe的請求並銷毀了它本身，但以後的掛馬方式改變了，例如改成<script></script> 方式掛，就不能用這種方法來解決了；此這個方法不是最終的解決案，最終的解決方案是找出真正被掛IFRAME的原因，堵住源頭。這可不是我的事哈，呵～

應用執行個體：http://www.cncert.net 以此代碼配合MD5(hash)校正，非常完美的防掛馬解決方案；