Razor ASP.NET MVC 3: dołącz plik JavaScript do tagu head

230

Próbuję znaleźć właściwą składnię Razor, aby uzyskać plik JavaScript dla określonego * .cshtml, który ma znajdować się w tagu head wraz ze wszystkimi innymi plikami dołączanymi, które są zdefiniowane w _Layout.cshtml.

javascript asp.net-mvc include razor asp.net-mvc-3 Stephen Patten
źródło

Powinieneś także rozważyć umieszczenie js na dole strony zamiast w sekcji head.

Mattias Jakobsson

Jedyny problem, jaki znalazłem w przykładowym kodzie, to to, że @section „JavaScript” nie musi być ujęty w cudzysłów.

Stephen Patten

Jeszcze jedna rzecz: jeśli jest to tag JavaScript, uważaj na użycie, musiałem użyć tagu END elementu skryptu, aby działał poprawnie. <script type = "text / javascript" src = "@ Url.Content (" ~ / Scripts / RDA.js ")"> </script>;

Stephen Patten

@Mattias Jakobsson - Nie zawsze. To zależy od konkretnego przypadku.

Dimskiy,

@Dimskiy, jeśli pozwolisz mi być parserem słów i pedantem, powinieneś zawsze UWAŻAĆ umieszczenie js na dole, niezależnie od tego, czy faktycznie go tam umieścisz, czy nie.

MrBoJangles,

Odpowiedzi:

398

Możesz użyć Nazwanych Sekcji .

_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>
}

RPM1984
źródło

Tak, patrzyłem na WebPageBase i domyślałem się, że to może być odpowiedź, ale nie do końca znałem właściwą składnię. Czy możesz polecić przewodnik referencyjny dla MVC 3? Pozdrawiam ..

Stephen Patten

Ha! Żałuję, że nie było przewodnika po MVC 3 i składni Razor. Mam powyższe z bloga Gu. Najlepszym odniesieniem do MVC 3 są prawdopodobnie informacje o wersji.

RPM1984,

No i dobra wskazówka: zamknij tag dla <script>tagu - nie wiedziałem o tym (nie próbowałem jeszcze nazwanych sekcji z JS). teraz ja (i inni) będę wiedział

RPM1984,

FYI: Javascript powinien być renderowany tuż przed </body>tagiem zamiast w tagu head. Ma to na celu zapobieganie równoległemu pobieraniu przez przeglądarkę. Zobacz developer.yahoo.com/performance/rules.html

Peter,

@Peter - tak, wiem - ale po prostu odpowiadałem na odpowiedź (JS w nagłówku).

RPM1984,