javascript - 仅当元素位于特定 div 中时才启用 js 文件功能

Question

我尝试以图形方式将我的 phpbb 论坛 (v3.1) 集成到我的 Bootstrap 网站中。为此，我添加了 bootstrap css 文件，我的导航栏在 overall-header.html我的页脚在 overall-footer.html .为了避免冲突，我把论坛“封装”在了<div id="phpbb"></div>之间。所以所有 phpbb 的 css 都有前缀 #phpbb (就像这个 tutorial )。我的问题是当我添加了 bootstrap css 文件时，我论坛的所有 javascript 都停止工作了。那么是否可以只在<div id="phpbb"></div>中启用论坛js文件功能？避免与 bootstrap 冲突？事实上，phpbb js 是基于类来切换下拉菜单的，但是在 Bootstrap 中有相同的类。

Answer 1

没有。在网页中，脚本环境是整个页面。

在大多数情况下，您可以通过使用 IIFE 来限制范围来避免全局冲突。

(function () {
    var local_variable;
    function local_function() { }
})();

您可以在 iframe 中加载单独的页面以使其完全独立(禁止有意访问 top 或 parent 的代码)。