主页 / 问题 / 1122913
Accepted
Alex
Asked:2020-05-09 21:58:49 +0000 UTC2020-05-09 21:58:49 +0000 UTC

仅在单独的页面上连接 JavaScript 模块

  • 772

所以，问题是这样的：有两个页面，索引和单页，使用模板引擎，页面上只有内容部分发生变化，每个人都有一个共同的标题，它包括main.js文件，所有可用页。

第二页（单页）有数据标签，标签的工作是通过JavaScript实现的，我把代码放在一个单独的模块——Tabs.js中。因此， main.js 包含此模块的导入：

// main.js
import Tabs from "./js/modules/Tabs.js"; 
Tabs();

其实这个代码只有单页页面需要，在index上不用，因为那里没有tab，但是main.js到处调用。而且我想了解如何仅在正确的情况下正确实施此类模块的工作。它是否应该包含一些对页面地址的检查，或者检查选项卡选择器以表明选择成功并且存在这样的元素并且您可以使用它，还是其他？

javascript

1 个回答

  1. Best Answer

    class Tabs {
  constructor(node) {
    if (!node) return;
    
    // if node does not exist on the current page, the script would be disable
    
    console.log('Tabs does exist on the current page.')
  }
}

new Tabs(document.querySelector('.tabs'));
    <div class="tabs"></div>

    • 1

相关问题