Entfernen Sie spezifische <script> - tag im <head> - tag durch das onclick-Ereignis

<head>

    <script type="text/javascript">

        function include(filename, status){
            if(status == 'on'){
                var head = document.getElementsByTagName('head')[0];

                script = document.createElement('script');
                script.src = filename;
                script.type = "text/javascript";

                head.appendChild(script);
            } else {
               //The code that wipes the script tag above
            }
        }

    </script>

</head>

<body>
    <input type="button" value="OPEN" onclick="include('script.js', 'on')">
    <input type="button" value="CLOSE" onclick="include('', 'off')">
</body>

Möchte ich entfernen Sie den spezifischen tag-in-tag durch das onclick-Ereignis.
Was sollten code geschrieben werden, in dem ANDEREN Bereich, Wenn ich auf die "SCHLIEßEN" - botton?

Warum möchten Sie script-tag? Im Allgemeinen, die javascript Lesen und zu verdauen, indem Sie javascript-engine beim laden der Skript-Datei, das Ergebnis sogar entfernen Sie das Skript-tag aus dem DOM-später(in jedem Fall) wird nicht entfernen Sie die Ausführung flow präsentiert entfernt Skript-tag.
head.removeChild(document.getElementById('script_id'));, obwohl es nicht sehr hilfreich, das Skript selbst im Gedächtnis bleibt, trotz entfernen Sie das element aus dem DOM.
Es sind mehrere posts hier ALSO der Umgang mit diesem Problem...
Sie waren in der Lage, dies zu lösen, Probleme mit den Lösungen gepostet unten, wenn das so ist, akzeptieren Sie bitte die richtige Antwort für den nutzen von allen in der SO-community.

InformationsquelleAutor Aviway | 2013-02-05

javascript

15

Der einfachste Weg, wäre irgendwie pflegen einen link auf das erstellte element. Zum Beispiel könnte man die include-Funktion in eine Verschluss-und eine private-variable, um zu halten Sie den Verweis:
```
var include = (function(){
   //the reference to the script
   var theScript;

   return function (filename, status){
     if(status == 'on'){
       //adding a script tag
       var head = document.getElementsByTagName('head')[0];

       theScript= document.createElement('script');
       theScript.src = filename;
       theScript.type = "text/javascript";

       head.appendChild( theScript )
     }else{
       //removing it again
       theScript.parentNode.removeChild( theScript );
     }
   }
})();
```
Ein wichtiger Hinweis: Durch das entfernen der <script> tag, tun Sie nicht entfernen Sie alle Ihre Objekte, Funktionen, etc. aus dem DOM. Also irgendeine Aktion gestartet, dass innerhalb <script> tag wird sich durchsetzen, auch wenn Sie das element löschen, begann es in den ersten Platz!
- Setzen on in Anführungszeichen, sonst wird es raise exception.
- Danke. Bearbeitet.
- Versucht dieser code scheint zu funktionieren für mich vollkommen in Ordnung, aber Frage mich, warum die OP hat nicht akzeptiert, als die richtige Antwort.
- jede Lösung für das entfernen von script-Tags aus dem dom, denn ich bin mit ajax, um Daten Anhängen, die Sie Sie nicht Arbeit ohne die Skripte so in der fetch-Datei habe ich nur noch die Skripte, sondern durch das abrufen der Daten, das Skript-tag mehrfach Hinzugefügt und mit einem Klick ruft x-mal dieselbe Funktion, wenn jemand kann mir hier helfen, es wäre traumhaft schöne: stackoverflow.com/questions/51638466/...
InformationsquelleAutor Sirko

Könnten Sie auch hinzufügen, eine ID an das ScriptElement

wird dies für Sie arbeiten

function include(filename, status){
  if(status == "on"){
     var head = document.getElementsByTagName('head')[0];

     script = document.createElement('script');
     script.src = filename;
     script.type = "text/javascript";
     script.id = "testScriptName";

     head.appendChild(script);
  }else{
    (elem=document.getElementById("testScriptName")).parentNode.removeChild(elem)
  }
}

InformationsquelleAutor Mx.

Versuchen Sie es mit dieser:

function include(filename, status){
  var head = document.getElementsByTagName('head')[0];
  if(status == on){
     script = document.createElement('script');
     script.src = filename;
     script.type = text/javascript;
     head.appendChild(script)
  }
  else if(status == 'off'){
     var scripts = head.getElementsByTagName('script');
     if(scripts.length > 0){
        head.removeChild(scripts[0]);
     }
  }
}

InformationsquelleAutor sohel khalifa

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.