javascript - 如何让 JavaScript 仅针对 DOM 的一部分运行

标签 javascript

我正在向项目添加功能,并且我必须导入不同版本的 jQuery,因为该插件需要不同的版本,但该项目还有一个插件,该插件取决于已使用的 jQuery 版本。

为了实现这一点,有没有办法让特定的 JS 只运行一段,然后被销毁?

例如

<section id="sec1"></section>
<section id="sec2"></section>

和脚本

<script src="main.js"></script>

我希望 main.js 仅在 #sec1 上加载并在之后销毁。

最佳答案

我认为完成此类任务的唯一方法是使用 Web 组件规范。 Web 组件(特别是 Shadow DOM)与主 document 对象隔离。您可以在组件内部使用函数,而不会污染全局范围。

您可以在这里阅读有关它们的更多信息:

Web Components

关于javascript - 如何让 JavaScript 仅针对 DOM 的一部分运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57388542/

相关文章:

javascript - 当用户从 AngularJS 中的应用程序注销时清除历史记录

javascript - 单击鼠标更改图片

javascript - 允许 audio.play() 在 safari 上用于聊天应用程序

javascript - 函数表达式有什么意义,它们似乎没用

javascript - 从 Kendo Treeview 中读取选定节点的值?

Javascript 和翻译

javascript - Knockout.js 自定义绑定(bind) "Update Function is Not called "

javascript - d3正负对数刻度怎么写

javascript - 有没有办法在 couchdb 现有文档中添加新字段/值

javascript - &lt;script&gt; 标签中的内容到 ReactJS 组件