.Net MVC 如何将脚本添加到单个视图

Question

如果我使用包装器 .cshtml 文件，我想知道是否有办法将 JavaScript 文件添加到单个视图中。

基本上，我有一个名为 _Layout 的包装 cshtml 文件，用于所有前端视图。它基本上有 <header> 部分和我的页眉/导航和页脚的 HTML。它还包含对页脚后每个页面上我需要的所有 JavaScript 文件的引用。

但是，在我的联系人视图中，我想使用另一个 JavaScript 文件，但我不想将其添加到包装器中，因为这会将其添加到每个视图中。

是否可以使用条件语句将文件添加到包装器中 - 即如果联系人视图则引用联系人 JS 文件？

Answer 1

您可以使用 Razor 的section。它允许您在布局页面中创建“部分”，然后从视图页面添加到它们。

您可能已经在布局页面中声明了“脚本”部分。如果没有，您只需在布局中添加@RenderSection("Scripts", required: false)，紧跟在其他script 标签之后。这将创建一个名为“脚本”的部分，我们稍后会添加它。

然后，您可以通过将以下内容添加到您的个人视图来添加到该部分：

@section Scripts {
    <script type="text/javascript" src="..."></script>
}

您也可以对其他元素执行此操作；您不仅限于脚本。您只需在布局页面中添加另一个 @RenderSection("SectionName", required: false)。

您可能也有兴趣阅读 Scott Gu 略显过时的 (2010) blog post on Layouts and Sections with Razor。