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

How to clear DOM variables and storage when a new innerHTML is loaded dynamically for a Single page application?

本文关键字：清除 innerHTML DOM 变量存储单页应用程序加载动态更新时间：2023-09-26

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

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

每当加载新的 HTML 时，我都需要清除/刷新 DOM。

此应用程序需要在IE8中得到支持，因此我不使用angularJS。听到的角度正在清除DOM，同时为单页应用程序加载新的innerHTML文件。

请帮我清除 DOM 或建议我有任何可用的库文件？

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