Add CSS or JavaScript files to layout head from views or partial views

Layout:

<html>
    <head>
        <meta charset="utf-8" />
        <title>@ViewBag.Title</title>
        <link href="https://stackoverflow.com/questions/5110028/@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
        <script src="https://stackoverflow.com/questions/5110028/@Url.Content("~/Scripts/jquery-1.6.2.min.js")" type="text/javascript"></script>
        <script src="https://stackoverflow.com/questions/5110028/@Url.Content("~/Scripts/modernizr-2.0.6-development-only.js")" type="text/javascript"></script>
        @if (IsSectionDefined("AddToHead"))
        {
            @RenderSection("AddToHead", required: false)
        }

        @RenderSection("AddToHeadAnotherWay", required: false)
    </head>

View:

@model ProjectsExt.Models.DirectoryObject

@section AddToHead{
    <link href="https://stackoverflow.com/questions/5110028/@Url.Content("~/Content/Upload.css")" rel="stylesheet" type="text/css" />
}

Leave a Comment