.cshtml 中自动生成的 <Script> 标签是什么？

Question

我正在尝试学习 C# ASP.NET，为此我正在构建一个项目。我想知道 .cshtml 文件中的 Script 标签是什么？例如，每个视图页面（创建、编辑、删除等）都有 Script 标签。

<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>

我看到其中包含一些 jQuery，它是一个 JavaScript 库，但我看不出它存在的意义。

与上面的脚本标签在同一个文件中的代码的小sn-p：

@{
    ViewBag.Title = "Create";
}

<h2>Create</h2>


@using (Html.BeginForm()) 
{
    @Html.AntiForgeryToken()



<div class="form-horizontal">
    <h4>Car</h4>
    <hr />
    @Html.ValidationSummary(true, "", new { @class = "text-danger" })
    <div class="form-group">
        @Html.LabelFor(model => model.Name, htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.EditorFor(model => model.Name, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.Name, "", new { @class = "text-danger" })
        </div>
    </div>

Answer 1

这个脚本标签会为 jquery 调用 .js 文件并放入你的 html 中。

<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>

你可以在 .cshtml 中添加脚本标签，这是有办法的

1.直接添加脚本标签

@{
    ViewBag.Title = "Create";
}

<h2>Create</h2>

<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>

将在 RenderBody() 方法下添加此脚本 （RenderBody() 方法在 Layout.cshtml 文件中）

2. 您必须将以下代码添加到您的 Layout.cshtml

@RenderSection("scripts", required: false)

你可以添加你可以像这样将你的脚本添加到你的视图中

@section scripts {
    <script src="~/Scripts/jquery-1.10.2.min.js"></script>
    <script src="~/Scripts/jquery.validate.min.js"></script>
    <script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>
}

然后此脚本文件将添加到您放置 @RenderSection("scripts", required: false) 代码的位置。

@RenderSection("Name", required: Boolean) 代码。 名称：在 .cshtml 中输入您想调用的任何名称 布尔值：你可以写真或假。如果为真，则必须将此部分添加到每个 .cshtml 文件中，使用此 Layout.cshtml。否则你没有。