如何在一个html页面中为每个div提供单独的javascript文件

我不知道这是否可能，但我想先问问有经验的人

我正在一个HTML文件中构建一个简单的web游戏，我已经有了一个javascript文件。现在我想在同一个HTML文件中添加另一个游戏（在另一个div中）（因为我希望这个游戏是SPA的一种），但我想为新游戏使用一个单独的Javascript文件（在HTML文件中）

我的问题是…是否有可能在一个HTML文件中为每个DIV提供单独的JS文件？或者有没有办法将每个DIV的JS代码划分到一个JS文件中

---

我对后者的看法是，代码太长，从而导致应用程序运行缓慢（我不确定这是否有效），如果无效，我如何实现这一点？

您可以加载新的JS文件并将其附加到头部。这个问题涉及面很广。如果一个游戏的JS非常大，那么在一个页面中插入两个游戏的JS可能不是最好的主意，因为对于只想要其中一个游戏的人来说，加载页面将花费更多的时间。一种解决方案是根据您想要玩的游戏动态加载JS。您可以向用户展示游戏列表，然后下载所选游戏的JS并初始化它。关于JS‘for a DIV’的问题，JavaScript对页面来说是全局的。你能做的是，在一个DIV中呈现特定JavaScript代码的执行结果。好的@OscarPaz，你能演示如何向用户展示游戏列表，然后下载所选游戏的JS并初始化它吗？这需要做很多工作，现在我没有时间。但是您可以找到许多关于如何将脚本动态添加到页面的信息。只需为每个游戏创建一个游戏定义，其中包含游戏JS的URL，并将其添加到页面中。一旦加载完毕，使用脚本中定义的对象开始游戏。如果你要开发一款游戏，你肯定知道怎么做，因为它更容易！好的，谢谢@oscarpaz，您可以加载新的JS文件并将其附加到头部。这个问题涉及面很广。如果一个游戏的JS非常大，那么在一个页面中插入两个游戏的JS可能不是最好的主意，因为对于只想要其中一个游戏的人来说，加载页面将花费更多的时间。一种解决方案是根据您想要玩的游戏动态加载JS。您可以向用户展示游戏列表，然后下载所选游戏的JS并初始化它。关于JS‘for a DIV’的问题，JavaScript对页面来说是全局的。你能做的是，在一个DIV中呈现特定JavaScript代码的执行结果。好的@OscarPaz，你能演示如何向用户展示游戏列表，然后下载所选游戏的JS并初始化它吗？这需要做很多工作，现在我没有时间。但是您可以找到许多关于如何将脚本动态添加到页面的信息。只需为每个游戏创建一个游戏定义，其中包含游戏JS的URL，并将其添加到页面中。一旦加载完毕，使用脚本中定义的对象开始游戏。如果你要开发一款游戏，你肯定知道怎么做，因为它更容易！好的，谢谢你@OscarPaz