如何为单页面应用程序动态加载新的innerHTML时清除DOM变量和存储？

Question

我将带有JS的动态HTML加载到索引页面中的div中。  根据页面中的用户操作，索引页面div将使用JQuery.load函数动态更新另一个HTML文件。

HTML还包含JS，并且JS文件正在加载到DOM中，并且它正如预期的那样完美地工作。但问题是每当加载新的HTML和JS时，DOM都会更新，而且不会刷新。 以前的JS文件中的变量在Firefox dom堆栈中仍然可见。

我需要在加载新HTML时清除/刷新DOM。

IE8需要支持此应用程序，因此我不使用angularJS。 Heared angular正在为单页应用程序加载新的innerHTML文件时清除DOM。

请帮我清除DOM或建议我提供任何库文件？

Answer 1

这个问题可能没有灵丹妙药。您的脚本可能有一些自定义事件或回调，在此期间它们将清除/重置/刷新设置为DOM元素的变量。每次通过使用innerHTML更新文档时，都应调用此事件或回调。