跨瀏覽器的設定innerHTML方法

很多人都可能遇到過這種情況：設定 innerhtml 的時候，插入的 html **中包含指令碼，但這些指令碼卻不生效，或者在 ie 上生效在其它瀏覽器上就不生效。原因很簡單：不同瀏覽器對插入 innerhtml 中的指令碼有不同的處理方法。經過實踐，歸納如下：

對於ie，首先 script 標籤必須帶 defer 屬性，其次在插入時刻，innerhtml 的所屬節點必須在 dom 樹中；對於 firefox 和 opera，在插入時刻，innerhtml 的所屬節點不可以在 dom 樹中。

根據上面結論，給出通用的設定 innerhtml 方法：

* 描述：跨瀏覽器的設定 innerhtml 方法

* 允許插入的 html **中包含 script 和 style

* 日期：2006-06-26

* 引數：

* el: 合法的 dom 樹中的節點

* htmlcode: 合法的 html **

* 經測試的瀏覽器：ie5+, firefox1.5+, opera8.5+

*/window

.__el_stack=

;var

setinnerhtml

= function(el

, htmlcode

)elseel.

innerhtml

= htmlcode

; if(

el_next

)else}if

(ua

.indexof('

gecko')

< 0)

}document

.write

= function

()else

for(

vari= 0

; i

arguments

.length; i

++)}}

在這篇文章編寫之前，已經有乙個比較完善的解決方法《讓插入到 innerhtml 中的 script 跑起來》。比較起來，《讓》給出的方法考慮得更細緻，但處理起來比較繁瑣，效率不高。而這裡給出的方法則更簡單，並且充分利用了瀏覽器的特性。