Remove javascript file from document when cetain event occurs

Question

I have these three script files

<script type="text/javascript" src="script/inbox.js"></script>
<script type="text/javascript" src="script/news.js"></script>
<script type="text/javascript" src="script/friend.js"></script>

I am loading these files dynamically when user clicks certain links.

for example when user clicks inbox inbox.js is loaded and in similar manner.

All these files inbox.js,news.js,friend.js all have code that handles scroll event. Now even when user has switched to news from inbox still the handler for scroll in news is also getting called. I need to ensure that the handler for only that tab is callled when user is at particular tab.

Some directions that can be proceeded in to solve the problem is -

Dynamically unload the other script file from the document.
Unbind the scroll handler for the other tabs.
Some how I can assign ID or class to these script file and unload them.

Please help me, which of these would be better way.

Rajat Singhal · Accepted Answer · 2012-02-14 17:17:59Z

1

function removejscssfile(filename, filetype){
 var targetelement=(filetype=="js")? "script" : (filetype=="css")? "link" : "none"      
 var targetattr=(filetype=="js")? "src" : (filetype=="css")? "href" : "none"     
 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()
     }
 }

removejscssfile("inbox.js", "js") //remove all occurences of "somescript.js" on page

This function can be used to remove js or css any type of script from document dynamically..

answered Feb 14, 2012 at 17:17

Rajat Singhal

11.3k5 gold badges40 silver badges57 bronze badges

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

Comments

Julian D. · Accepted Answer · 2012-02-14 17:42:23Z

0

There is no way to "dynamically unload" a script after it has been loaded. You can remove the DOM element (assign an ID to it and call removeChild on it's parent node) but the executed code is still working, e.g. all created variables still exist and event handlers set up in the script will still work.

You will need to unbind all handlers from the script if you only have event handling in it. Otherwise, you could consider introducing some global flag which you check in your script code and only perform certain functionality when the flag is set.

answered Feb 14, 2012 at 17:42

Julian D.

5,4731 gold badge29 silver badges35 bronze badges

Collectives™ on Stack Overflow

Remove javascript file from document when cetain event occurs

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related