ASP.NET MVC 3 Razor: Include JavaScript file in the head tag
I'm trying to figure out the proper Razor syntax to get a JavaScript file开发者_如何学JAVA for a particular *.cshtml to be in the head tag along with all the other include files that are defined in _Layout.cshtml.
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>
}
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.
加载中,请稍侯......
精彩评论