ASP.NET MVC 3 Razor: Include JavaScript file in the head tag
Javascriptasp.net MvcIncludeRazorasp.net Mvc-3Javascript Problem Overview
I'm trying to figure out the proper Razor syntax to get a JavaScript file for a particular *.cshtml to be in the head tag along with all the other include files that are defined in _Layout.cshtml.
Javascript Solutions
Solution 1 - Javascript
You can use Named Sections.
_Layout.cshtml
<head>
<script type="text/javascript" src="@Url.Content("/Scripts/jquery-1.6.2.min.js")"></script>
@RenderSection("JavaScript", required: false)
</head>
_SomeView.cshtml
@section JavaScript
{
<script type="text/javascript" src="@Url.Content("/Scripts/SomeScript.js")"></script>
<script type="text/javascript" src="@Url.Content("/Scripts/AnotherScript.js")"></script>
}
Solution 2 - Javascript
To expand on Stephen Pattens answer, and to completely change my previous version of this answer:
You can add the @RenderSection("JavaScript", required: false)
line pretty much anywhere in the file. Meaning, it doesn't have to be in the head
or even the footer
tag. In the code I'm looking at for work, it's in a div
.
Also, you have to put this line into any .cshtml
file that's a parent of a partial containing scripts. This allows for nesting partials with scripts, and without having to include all the scripting in the original parent or child. Saying it differently, simply having the RenderSection
code in the "layout" or original parent file doesn't automatically cascade to nested partials.
The caveat to this is that your scripts will be scattered throughout the resulting HTML file rendered for the browser. This can lead to debugging difficulties, including accidentally having multiple script methods with the same name or including the same external scripts multiple times.