How to add link to JavaScript file into the header of the certain ASP .NET MVC page

Question

How to add link to JavaScript file into the header of the certain ASP .NET MVC page?

Lets say there are _Layout.cshtml and About.cshtml and I need to put some javascript file to the header of the About.cshtml. I mean to that page only.

http://www.dotnetcurry.com/ShowArticle.aspx?ID=636

How it can be done?

I personally think that the second answer on that link is better than the accepted one. — bygrace
– bygrace, Commented Nov 9, 2012 at 23:45

Sergey Berezovskiy · Accepted Answer · 2012-11-10 00:02:57Z

5

My solution:

_Layout.cshtml

!DOCTYPE html>
<html>
<head>
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.4.4.min.js")" type="text/javascript"></script>


    @if (IsSectionDefined("AddToHead"))
    {
         @RenderSection("AddToHead", required: false)
    }    
</head>

About.cshtml

@{
    ViewBag.Title = "Index";     
}

<h2>Index</h2>

@section footer {
     <b>Footer Here</b>
}

@section AddToHead {
    <script src="@Url.Content("~/Scripts/test.js")" type="text/javascript">
    </script>
}

edited Nov 10, 2012 at 0:02

Sergey Berezovskiy

237k44 gold badges441 silver badges468 bronze badges

answered Nov 9, 2012 at 23:59

NoWar

37.8k85 gold badges341 silver badges519 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Sergey Berezovskiy Over a year ago

I think you don't need to verify if section defined when you don't have else part (default content)

Travis J Over a year ago

You should at least give credit to the author of this approach that you adapted: stackoverflow.com/a/7357102/1026459

NoWar Over a year ago

@user636525 I am sure It will.

Travis J · Accepted Answer · 2012-11-09 23:42:27Z

4

Why must it be in the header? You can include any script you need inline:

<script src="@Url.Content("~/Scripts/jquery-ui.min.js")" type="text/javascript"></script>

answered Nov 9, 2012 at 23:42

Travis J

82.5k43 gold badges213 silver badges280 bronze badges

5 Comments

NoWar Over a year ago

Sometimes it doesn't work if the script is not in the header... Some of JQuery plugins are not working I mean.

Travis J Over a year ago

@Peretz - Never that I have come across, can you provide a working example of that happening?

teynon Over a year ago

@TravisJ Situation I just came across at work. cshtml files were including js files. When the section was reloaded via json, there was a bunch of global variables (working on getting rid of those) that were getting mauled because of the reload. So there's one example.

Travis J Over a year ago

@Tom - Usually people prevent that by checking for existence before initialization. For example var myInitializer = myInitializer || init();. I think my previous comment was probably poorly worded, in that order can definitely affect the script, however it will still load.

teynon Over a year ago

Which is what I did to fix our issue (added the OR), but it's still a case where this applies. Working on an application with a lot of those types of variables. Having said that, I now realize that this post is 2 years old. ;)

Vikash Rathee · Accepted Answer · 2013-10-09 08:27:58Z

1

Try below code

HtmlGenericControl my_js = new HtmlGenericControl("script");
            my_js.Attributes["async"] = "async";
            my_js.Attributes["type"] = "text/javascript";
            my_js.Attributes["src"] = "http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js";
            Page.Header.Controls.Add(my_js);

You need to use namespace : "using System.Web.UI.HtmlControls" to use HtmlGenericControl.

answered Oct 9, 2013 at 8:27

Vikash Rathee

2,1322 gold badges30 silver badges49 bronze badges

Collectives™ on Stack Overflow

How to add link to JavaScript file into the header of the certain ASP .NET MVC page

3 Answers 3

3 Comments

5 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related