ASP.NET Core：如何在_Layout.cshtml中复用动态Scripts区块？

我来给你捋捋这个问题，其实核心是搞懂Razor布局里@section和@RenderSection的关系——子页面用@section往布局的@RenderSection塞内容，但布局本身不能通过@section来输出自己的脚本内容。要让所有使用_Layout.cshtml的页面都自动加载这段动态脚本，不用在每个子页重复编写，有两种简单可行的办法：

方法1：直接在布局页中编写脚本逻辑 #

直接把原来的判断逻辑放到_Layout.cshtml的脚本渲染区域（通常是</body>标签之前，和@RenderSection放在一起），不需要用@section包裹：

@* 在_Layout.cshtml的脚本区域添加以下代码 *@
@{
    string scriptHtml = ViewData["scriptData"];
}
@if(!string.IsNullOrEmpty(scriptHtml)){
    <script type='text/javascript'> @Html.Raw(scriptHtml) </script>
    <script type='text/javascript' src='~/js/appcore/site.reuse.js'></script>
}
@RenderSection("Scripts", required: false)

这样所有使用该布局的页面，都会在渲染时自动检查ViewData["scriptData"]的内容：如果有值，就输出动态脚本和共享JS文件；如果没有，就跳过。完全不需要在子页面重复编写任何代码。

方法2：封装成局部视图（推荐，更易维护） #

如果你的动态脚本逻辑以后可能需要修改，或者想让布局页的代码更整洁，可以把这段逻辑封装成一个局部视图：

1. 在Views/Shared目录下创建一个名为_DynamicScripts.cshtml的局部视图，内容如下：

@{
    string scriptHtml = ViewData["scriptData"];
}
@if(!string.IsNullOrEmpty(scriptHtml)){
    <script type='text/javascript'> @Html.Raw(scriptHtml) </script>
    <script type='text/javascript' src='~/js/appcore/site.reuse.js'></script>
}

2. 在_Layout.cshtml的脚本区域引用这个局部视图：

@await Html.PartialAsync("_DynamicScripts")
@RenderSection("Scripts", required: false)

这种方式把动态脚本的渲染逻辑和布局页分离，后续修改时只需要调整局部视图即可，代码结构更清晰。

为什么原来的写法在布局页不生效？ #

简单来说：@section是子页面用来向布局页的@RenderSection提供内容的语法，布局页本身不能通过@section来定义要输出的内容——@RenderSection是“接收”子页面的内容，而布局页要输出自己的内容，直接编写逻辑就行，不需要用@section包裹。

内容的提问来源于stack exchange，提问作者CvRChameleon