今天看到一則 噗浪討論串 ，感覺很有趣，便花點時間研究一下這個課題，問題如果使用document.write塞入script會有什麼優缺點？ 在實做上大部分都是使用非同步載入，主要都是為了讓頁面載入時間能夠重疊，感覺上讀取時間就會縮短，幾乎使用document.createElement('script')，塞入head當中，這樣子執行上就不會有阻塞的問題。 如果頁面上是使用document.write？ 這個問題還真的沒有研究過，稍微Google一下之後，發現有 一篇討論串解決心中的疑惑 ，不過還是隨手寫一下sample page藉由瀏覽器來驗證。 測試1 sample.html <body> <!--javascript--> <script language="javascript" type="text/javascript"> document.write("<script language='javascript' type='text/javascript' src='after.js'><\x2Fscript>"); document.write("<script language='javascript' type='text/javascript' src='before.js'><\x2Fscript>"); </script> </body> before.js alert("Before"); after.js alert("After"); 為了讓容量上有些差異因此，使用 javascript 混淆器 ，將after.js 內容調整為 $=~[];$={___:++$,$$$$:(![]+"")[$],__$:++$,$_$_:(![]+"")[$],_$_:++$,$_$$:({}+"")[$],$...