javascript - How to inject page specific js into _Layout - Stack Overflow

admin管理员组

文章数量:1325229

I am working with .NET Core 2.0 MVC. If I wanted to have different js files for different pages, how would I inject this js reference from the Login page, for example, into the bottom of the Shared/_Layout page under the other scripts when the Login page is loaded?

I am working with .NET Core 2.0 MVC. If I wanted to have different js files for different pages, how would I inject this js reference from the Login page, for example, into the bottom of the Shared/_Layout page under the other scripts when the Login page is loaded?

• javascript
• c#
• asp-mvc
• -core
• asp-core-2.0

Share Improve this question Follow edited Feb 7, 2018 at 19:35 Uwe Keim 40.8k6161 gold badges188188 silver badges304304 bronze badges asked Feb 7, 2018 at 19:26 user6383418user6383418 41511 gold badge55 silver badges2020 bronze badges 1

• 2 Possible duplicate of Equivalent of "@section" in ASP.NET Core MVC? – Fran Commented Feb 7, 2018 at 19:31

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 11

Razor views/layouts can be nested and sections rendered into placeholders.

So in the main top level layout you could have

@RenderSection("Scripts", false)

and on the pages have (with deployment options):

@section Scripts {

    <environment names="Development">
        <script type="text/javascript" src="@Url.Content("~/js/Home/yourpagescript.js")" asp-append-version="true"></script>
    </environment>
    <environment names="Staging,Production">
        <script type="text/javascript" src="@Url.Content("~/js/Home/yourpagescript.min.js")" asp-append-version="true"></script>
    </environment>
}

In Shared/_Layout :

@RenderSection("scripts", false) //where you need your script

In a page:

@section scripts {
<script type="text/javascript" src=""></script>

}

本文标签： javascriptHow to inject page specific js into LayoutStack Overflow