document.head.appendChild(element) 在 IE8 及以下報錯

問題:

　　在開發中會遇到動態添加 script 標簽的情況。

代碼如下:

var oScript = document.createElement('script');
oScript.src = 'demo_address';
document.head.appendChild(oScript);

但是在 IE8 以下會報如下錯誤:

SCRIPT5007: Unable to get value of the property 'appendChild': object is null or undefined 

 查看 MDN 之后發現,在 IE9 以下不支持

 

解決辦法:

document.getElementsByTagName('head')[0].appendChild(oScript);