Question

我正在尝试使用HTML <script>...</script>标记编写的javascript代码创建区域，以便通过折叠对其进行分类。我尝试了以下代码here，但没有发生任何事情。是否有任何方法可以在HTML <script>代码中执行此操作？

这是我的代码：

<script>

//#region DataTable Functions
function initRoomTable(){
    $('#room-table').DataTable({
    ...
    })
}
function initParticipantTable(){
    $('#participant-table').DataTable({
    ...
    })
}
//#endregion DataTable Functions

//#region Init Page
$(document).ready(function () {
    initRoomTable();
    initParticipantTable();
})
//#endregion Init Page

</script>

Answer 1

此取决于您查看代码的位置，某些IDE可能会识别这些功能并在默认情况下将其折叠，或者在您单击时提供+或类似符号折叠但AFAIK存在JS中没有元素提供代码折叠。

您需要的是IDE或浏览器的某种指令如何在开发工具中显示代码，或者具有足够智能的IDE（或浏览器的某些扩展？）来执行相同的操作。 这肯定不是JS本身的一部分。

这就是为什么作者声称代码是使用可折叠函数呈现的，而您却没有看到它。这可能是由于您查看代码的位置与作者所处的位置相比，或者甚至可能是IDE中的设置。

Answer 2

JS中的区域只能由某些代码编辑识别。

如果您在记事本或任何其他简单的编辑器中查看代码，很可能它们不会被接受。

大多数编辑都有类似的东西扩展，其他编辑默认实现：

VS Code（默认版本1.17）
Visual Studio https://marketplace.visualstudio.com/items?itemName=MadsKristensen.JavaScriptRegions
原子https://atom.io/packages/custom-folds
Sublime https://github.com/jamalsenouci/sublimetext-syntaxfold

如何在HTML脚本标记中创建区域？

2 个答案: