Javascript 我们可以将特定的外部java脚本文件加载到特定的div吗

我的html文件中有两个div，我正在使用两个外部javascript文件。但问题是，当我同时使用这两个js文件时，我没有获得所需的功能。因此，我想将js文件的使用限制为特定的div

e、 g:div1应该只使用js1文件，而div2应该只使用js2文件，这样就不会发生冲突，我可以获得所需的功能

---

我正在制作一个web应用程序，它使用了大量的小部件，这些小部件正在从数据库中加载。有一个管理员面板，管理员可以在其中添加小部件。我正在从同一页面的数据库中获取所有小部件的代码。因此，将来可能会发生在添加了大量小部件和相关的js文件后，它们会发生冲突和冲突创建problme.so我想限制在一个页面（浏览上下文）中使用某些小部件，因为只有一个JavaScript环境。要获得您所指的那种隔离，您必须使用

iframe

或类似工具创建一个单独的浏览上下文。

不，您所说的不可能。但是您可以做的是使用diff-scope来编写diff-javascripts
如果它们是您自己编写的js文件
1.然后只需将所有变量更改为全局变量的属性。
2.不要依赖于窗口变量
3.如果您正在使用DOM操作，使用两个div通用的类名/标记名/属性值，请更改它们，并更改div上的相应值，以便您可以快速访问它们

如果它们是jquery/_js/backbone等流行的js库之一

---

使用提供的默认无冲突选项加载单独的版本，然后在两个单独的div上分别使用它们。

我不确定您使用的是jquery还是纯javascript

如果是jquery，那么可以使用jquery noconflict。 为div1和div2创建单独的别名以使用jquery

    <script>

        var div1Alias = $.noConflict();
        var div2Alias = div1Alias.noConflict();
        jQuery(document).ready(function(){
             alert(div1Alias( "#div1" ).html());
             alert(div2Alias( "#div2" ).html());
        });
    </script>

var div1Alias=$.noConflict（）；
var div2Alias=div1Alias.noConflict（）；
jQuery（文档）.ready（函数（）{
警报（div1Alias（“#div1”）.html（））；
警报（div2Alias（“#div2”）.html（））；
});

---

Wt您在console中遇到的错误？？有很多方法可以使用JavaScript只影响某个div的内容。也许发布您的代码，有人可以看到这里最相关的内容。我已经回答了您实际提出的问题，但我相当肯定，如果您告诉我们更多关于您的问题，有一种更好的方法可以采用，而不是试图将JavaScript限制在特定的div中。您的JavaScript是什么？为什么不告诉我们您想要实现什么？我正在制作一个web应用程序，它使用了大量的小部件，这些小部件正在从数据库中加载。有一个管理员面板，管理员可以在其中添加小部件。我正在从同一页面的数据库中获取所有小部件的代码。因此，将来可能会发生在添加了大量小部件和相关的js文件后，它们会发生冲突和冲突创建problme.so我想限制使用某些widget@amitkumar：要获得这种隔离，您必须使它们成为

iframe

s。