ASP.NET MVC 3 Razor: Sertakan file JavaScript di tag kepala

230

Saya mencoba mencari tahu sintaks Razor yang tepat untuk mendapatkan file JavaScript untuk * .cshtml tertentu berada di tag kepala bersama dengan semua yang lain termasuk file yang didefinisikan dalam _Layout.cshtml.

— Stephen Patten
sumber

Anda juga harus mempertimbangkan untuk meletakkan js di bagian bawah halaman daripada di bagian kepala.

— Mattias Jakobsson

Satu-satunya masalah yang saya temukan dengan kode sampel adalah bahwa bagian "JavaScript" tidak perlu dilampirkan dalam tanda kutip.

— Stephen Patten

Satu hal lagi: jika ini adalah tag JavaScript, berhati-hatilah dengan penggunaannya, saya harus menggunakan Tag AKHIR elemen skrip untuk menjalankannya dengan benar. <script type = "text / javascript" src = "@ Url.Content (" ~ / Scripts / RDA.js ")"> </script>;

— Stephen Patten

@Mattias Jakobsson - Tidak selalu. Itu tergantung pada kasus tertentu.

— Dimskiy

@ Dimskiy jika Anda mengizinkan saya menjadi pengurai kata dan pedant, Anda memang harus selalu MEMPERTIMBANGKAN menempatkan js di bagian bawah, apakah Anda benar-benar meletakkannya di sana atau tidak.

— MrBoJangles

398

Anda dapat menggunakan Bagian Bernama .

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

Ya, saya melihat WebPageBase dan menduga itu mungkin jawabannya, tetapi tidak tahu persis sintaksis yang tepat. Bisakah Anda merekomendasikan panduan referensi untuk MVC 3? Salam ..

— Stephen Patten

Ha! SAYA INGIN ada panduan referensi untuk sintaks MVC 3 dan Razor. Saya mendapatkan di atas dari blog Gu. Referensi terbaik untuk MVC 3 mungkin adalah catatan rilis.

— RPM1984

Oh dan tip bagus buat tag penutup untuk <script>tag - tidak tahu itu (belum mencoba bagian bernama dengan JS). sekarang saya (dan yang lain) akan tahu

— RPM1984

FYI: Javascript harus dirender tepat sebelum </body>tag, bukan di tag kepala. Ini agar tidak mencegah unduhan paralel oleh browser. Lihat developer.yahoo.com/performance/rules.html

— Peter

@ Peter - ya, saya tahu - tetapi saya hanya menjawab jawabannya (JS in head tag).

— RPM1984