在<script>标记位置插入元素

Question

当站点为您提供一些JavaScript，并将其粘贴到网页中以在该位置插入内容时，脚本如何确定其在DOM中的当前位置？不使用document.write？

感谢，

尼克

Answer 1

在脚本包含的时候，页面中的最后一个<script>将是当前的;该页面的其余部分尚未被解析。所以：

<script type="text/javascript"> 
    var scripts= document.getElementsByTagName('script'); 
    var this_script= scripts[scripts.length-1]; 

    // Something that happens later... 
    // 
    setTimeout(function() { 
     var div= document.createElement('div'); 
     div.appendChild(document.createTextNode('Hello!')); 
     this_script.parentNode.insertBefore(div, this_script); 
    }, 5000); 
</script> 

这个只要成立的脚本标签不使用defer，或HTML5的async。

Answer 2

我不明白为什么这样的脚本会关心他们在DOM的位置，但我想这是可能确定。也许可以使用类似document.scripts开始搜索。