Einfügen von Elementen unter <script> Tag-Position

Question

Wenn Sites Ihnen JavaScript geben, das Sie in eine Webseite einfügen, um Inhalt an dieser Position einzufügen, wie ermittelt das Skript dann seine aktuelle Position im DOM? Ohne document.write zu verwenden?

Danke,

Nick

Answer 1

Bei der Skripteinschlusszeit ist es sicher, dass die letzte <script> auf der Seite die aktuelle ist; Der Rest der Seite wurde noch nicht analysiert. Also:

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

Dies gilt so lange, wie der Skript-Tag nicht defer oder HTML5 ist async.

Answer 2

Ich sehe nicht, warum solche Skripte über ihre Lage im DOM kümmern würde, aber ich denke, es möglich ist, zu bestimmen. Vielleicht verwenden Sie etwas wie document.scripts, um Ihre Suche zu starten.