I want to include a javascript reference like:
<script src="@Url.Content("~/Scripts/jqueryFoo.js")" type="text/javascript"></script> If I have a Razor View, what is the proper way to include this without having to add it to the Layout (I only need it in a single specific View, not all of them)
In aspx, we could use content place holders.. I found older examples using aspx in mvc but not Razor view..
Depending how you want to implement it (if there was a specific location you wanted the scripts) you could implement a @section within your _Layout which would enable you to add additional scripts from the view itself, while still retaining structure. e.g.
<!DOCTYPE html> <html> <head> <title>...</title> <script src="@Url.Content("~/Scripts/jquery.min.js")"></script> @RenderSection("Scripts",false/*required*/) </head> <body> @RenderBody() </body> </html> @model MyNamespace.ViewModels.WhateverViewModel @section Scripts { <script src="@Url.Content("~/Scripts/jqueryFoo.js")"></script> } Otherwise, what you have is fine. If you don't mind it being "inline" with the view that was output, you can place the <script> declaration within the view.
RenderSection("Scripts") to your layout (like you would a placeholder) and then define a @section Scripts {} within the view. At some point a modification to the "master" (_layout) is imminent. You can't just define something within a view and tell it "place it between <head> for me" (unless you want to get in to a script that adds a script)
Scripts folder then you might need to also enable access to it: stackoverflow.com/questions/24763493/…If you are using Razor view engine then edit the _Layout.cshtml file. Move the @Scripts.Render("~/bundles/jquery") present in footer to the header section and write the javascript / jquery code as you want:
@Scripts.Render("~/bundles/jquery") <script type="text/javascript"> $(document).ready(function () { var divLength = $('div').length; alert(divLength); }); </script> You can add the script tags like how we use in the asp.net while doing client side validations like below.
@{ ViewBag.Title = "Index"; } <h2>Index</h2> <script type="text/javascript" src="~/Scripts/jquery-3.1.1.min.js"></script> <script type="text/javascript"> $(function () { //Your code }); </script> 
type="text/javascript" is not neededYou should add datatable.js script on defer="defer"
<script src="https://cdn.datatables.net/1.10.8/js/jquery.dataTables.min.js" defer="defer"></script> 
