Dynamically Remove Script file from html page

Question

I developed a website on which i navigate different html page from home page by calling load function like the following:

$("#content").load('page.html', function (response, status) {});

page.html contains some script file which also loaded in home page. What i am trying do is removing the script file dynamically when i navigate different page like that

$("#content").load('another_page.html', function (response, status) {
   if (status = "success") {
      //Remove script file in page.html
   }
});

This following process i have applied found by google

function removejscssfile(filename, filetype) {
   var targetelement = (filetype == "js") ? "script" : (filetype == "css") ? "link" : "none" //determine element type to create nodelist from
   var targetattr = (filetype == "js") ? "src" : (filetype == "css") ? "href" : "none" //determine corresponding attribute to test for
   var allsuspects = document.getElementsByTagName(targetelement)

   for (var i = allsuspects.length; i >= 0; i--) { //search backwards within nodelist for matching elements to remove
      if (allsuspects[i] && allsuspects[i].getAttribute(targetattr) != null && allsuspects[i].getAttribute(targetattr).indexOf(filename) != -1)
         allsuspects[i].parentNode.removeChild(allsuspects[i]) //remove element by calling parentNode.removeChild()
   }
}

but the script file still exist.

Once a js file has been loaded and run, I don't think it's as simple as removing the script tag. You have to make sure all the functions and variables it creates are undefined. — evolutionxbox
– evolutionxbox, Commented Apr 29, 2015 at 8:28
Yeah even if you remove the script node from the DOM, the script will still live in the JS runtime environment. — EJTH
– EJTH, Commented Apr 29, 2015 at 8:29
Have a look at this post: stackoverflow.com/questions/6738380/… — Jonathan Smith
– Jonathan Smith, Commented Apr 29, 2015 at 8:29

NicoOw31 · Accepted Answer · 2015-04-29 10:19:41Z

1

Deleting the script tag or removing the JS file tag won't discard the JS. He is still loaded. So you also need to tell him to erase this code.

One possible way is to encapsulate your Javascipt file into one function, and then redefine this function. For example :

function foo(){
    //Your javascript here
}

And then :

foo= function(){};

But if your function contains event, you still have to unbind them manually.

answered Apr 29, 2015 at 10:19

NicoOw31

551 silver badge7 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Dynamically Remove Script file from html page

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related