BUG筆記：Win XP IE8下HTML Parsing Error: Unable to modify the parent container element before the child

［Bug描述］Windows XP IE8的某些版本下頁面只顯示一部分，其他爲空白。IE左下角有驚歎號報錯標誌，點開後顯示字符以下：

HTML Parsing Error: Unable to modify the parent container element before the child element is closed (KB927917) Line: 0 Char: 0 Code: 0 URI: ……

 

StackOverflow上有人說IE官方給出了因爲HTML加載未完成時用JS插入新的HTML標籤可能會被瀏覽器認爲父標籤未關閉而報錯中止加載。真是但疼菊緊。。。

不事後來IE8應該是有修復了，由於只在某些機器上發現這個問題。

 

不過我今天提出來是由於我碰到這個bug的時候並不是因爲頁面中插入了某段有.appendNode之類的JS引發，而是由於咱們爲了頁面在IE8中也Responsive，也就是讓IE8也支持media query，咱們使用了一個Respond.js的plugin: https://github.com/scottjehl/Respond

對於碰到這樣的狀況，解決方法很簡單，把引用Respond.js的script標籤放到頁面最底部就不會有這問題了。

實際上通常JS的引用都應該放在頁面底部，能夠提高頁面的performance，只有碰到像Mordernizr這樣必須放頭部的例外。