Question

I have a website that has a fixed menu, header, etc. and loads the main content area via AJAX based on the menu clicks.
These “pages” rely on a lot of Javascript and CSS which are individual for each page. Since a user can potentially visit many pages, I want to unload the page-specific JS and CSS. The CSS was straight-forward, but removing the <script> tags does not remove the loaded Javascript (I can still call functions defined in it).
How can I really “remove” the JS? I don’t want the memory overhead, or to have to worry about name clashes between pages.

Answer 1

You can load your functions into a page specific object. This will require you to make all your page specific calls though that object. When you want to unload the page, make that object point to something else (say null). Now you don’t have references to the object, and it will be cleaned up by the runtime. (Assume nobody else points to it. This is trivial to enforce.)