MVC3 Razor - Adding JavaScript and CSS files to document head

Question

I've used this before but i've forgotten the name of the method. I'm guessing it must be exclusive to MVC3/Razor. Is there a method that allows you to include a JavaScript or CSS file and then specify that it should be in the head. I remember it as two different methods similar to the following

IncludeJS("my.js").AtHead();
IncludeCSS("my.css").AtHead();

They might be HTML helpers but I can't find any reference to them anywhere. Am I going mad?

Why not just put it into the _Layout.cshtml file? with the rest of your script/css includes? — Bob., Jul 07 '11 at 16:13
What you're talking about sounds like a custom helper similar to: http://stackoverflow.com/questions/5110028/add-css-or-js-files-to-layout-head-from-views-or-partial-views — Jamie Dixon, Jul 07 '11 at 16:13
Echo Jamie, just write a custom Html.IncludeJS helper extension. Btw, javascript best practices dictates that you should stick scripts right before
. This will allow your content to load faster, though you will have to deal with FOUC potentially. — Milimetric, Jul 07 '11 at 19:36

score 4 · Accepted Answer · edited May 23 '17 at 10:28

4

Check this question, best answer supposed to do what you need: ASP.Net MVC 3 Razor: Include js file in Head tag

edited May 23 '17 at 10:28

Community

1
1

answered Jul 07 '11 at 20:49

Ivan Sokalskiy

812
7
14

That page is helpful for JS files, but it doesn't address CSS files. – WEFX Sep 19 '12 at 14:41

score 1 · Answer 2 · edited May 23 '17 at 11:59

1

What you're talking about sounds like a custom helper similar to:

Add CSS or JavaScript files to layout head from views or partial views

edited May 23 '17 at 11:59

Community

1
1

answered Jul 07 '11 at 19:13

Jamie Dixon

53,019
19
125
162

MVC3 Razor - Adding JavaScript and CSS files to document head

2 Answers2