上一篇文章document.write()的一些坑說了瀏覽器輸出流關閉后使用document.write會清空當前頁面，因此要避免在window.onload、$(document).ready()和ajax獲取數據后使用document.write插入內容。但是這些常用操作又是很難避免的，那么在使用上述三種方法的時候能不能達到document.write()同樣的效果呢？

　　其實是可以的實現的，我們知道js中除了可以用docuemnt.write插入內容，還可以使用appendChild，利用appendChild向子節點末尾插入新節點的特性，我們可以獲取包含當前script節點的父元素，然后添加到子節點末尾。由于頁面正在加載中，此時添加的子節點會在當前script節點后面。那么這里的重點就是獲取包含當前js的父元素，不過在js中貌似沒有直接的辦法獲取父元素，這里可以使用一個比較巧妙的辦法。執行當前js時，文檔流正加載到當前script節點，那么它必然是文檔中最后一個節點，通過獲取文檔中的script節點，然后取最后一個節點即時當前script節點。獲取了script節點后，只有直接使用parentNode就能獲取它的父元素，貼下這段代碼：

var script = document.getElementsByTagName("script"),len = script.length,parent = script[len-1].parentNode;parent.appendChild(childNode);

轉載于:https://www.cnblogs.com/cuixi/p/4201114.html

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的在script所在位置插入内容的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。