javascript - ASP.NET Core - HTML 代码块重用

Question

我正在使用 Bootstrap 4 开发 ASP.NET Core 项目，并且我有一些想要在多个 View 中显示的 Bootstrap Modals。

这些模态有一些用于内部元素的 Javascript 函数，例如按钮和输入。

在多个 View 中加载这些模态框(及其 Javascript)的正确方法是什么？

我想我会使用 PartialViews，但我不知道将 Javascript 代码放在哪里(我知道将其放在 PartialViews 中是一种不好的做法)。

Answer 1

创建一个单独的 JS 文件，并在使用此部分 View 的每个页面的底部引用它，这样脚本就不会阻止页面渲染。

或者，您可以创建一个包含模式 HTML 和 JS 的布局文件，并让您的 View 继承该文件。尽管由于组合优于继承的原则，我建议不要采用这种方法。