Question

I am given with a project that my seniors worked on, this project is developed keeping in mind that the whole page should never be reloaded. So obviously everything went into ajax. And it has 100’s of lines that go something like this.

 function iCreateProblems()
    {
        //some rubbish
        document.getElementById('some_rubbish').innerHTML=obj1.responseText;
    }

and a typical response text is "<div onClick="handleMe()">some thing stupid</div>";
There are three main div’s on the page and everything is repeatedly loaded and reloaded into these div’s. Now as far as i understand, this will clearly give away to memory leak, right? So how do i fix this? There are about 8000 lines of code that go in this manner. Is there a way i can fix the memory leak? There are hundreds of handlers that are assigned like this. What do i do now?

Answer 1

No, it shouldn’t. You do not handle memory directly in js; garbage collectors remove everthing unneeded and you don’t need to explicitly delete on divs’ contents if you overwrite the content.