Elementi di inserimento a <script> posizione tag

Question

Quando i siti forniscono JavaScript che si incollano in una pagina Web per inserire il contenuto in quella posizione, in che modo lo script determina la posizione corrente nel DOM? Senza usare document.write?

Grazie,

Nick

Answer 1

Al momento dell'inclusione dello script, è certo che l'ultimo <script> nella pagina sarà quello corrente; il resto della pagina non è ancora stato analizzato. Quindi:

<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> 

Questo è vero fino a quando il tag script non usa defer, o HTML5 di async.

Answer 2

non vedo il motivo per cui tali script sarebbero cuore la loro posizione nel DOM, ma credo che sia possibile determinare. Forse usare qualcosa come document.scripts per iniziare la ricerca.