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

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 可能会识别这些函数并默认折叠它们或提供 + 或类似的单击时签名折叠，但据我所知，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
崇高https://github.com/jamalsenouci/sublimetext-syntaxfold

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

How To Create a Region in HTML Script Tag?

javascript

html

region