Loading JS file using Url.Content in MVC 3

Question

I am trying to load a javascript using the following in MVC 3, but the script does not load:

 <script src="<%: Url.Content("~/Content........

If I load using the following then it works:

<script src="../../Content......

What could be the problem

score 2 · Answer 1 · answered Dec 20 '11 at 11:47

When loading Scripts, I tend to use a custom helper instead.

The code below does this, and has an additional boolean parameter that can be used when the script is not local to your applicaiton, and on a CDN for instance.

    public static MvcHtmlString Script(this HtmlHelper helper, string src, bool local = true)
    {
        if (local) {
            src = VirtualPathUtility.ToAbsolute("~/Scripts/" + src);
        }
        TagBuilder builder = new TagBuilder("script");
        builder.MergeAttribute("src", src);
        builder.MergeAttribute("type", "text/javascript");
        return MvcHtmlString.Create(builder.ToString(TagRenderMode.Normal));

    }

You can then call the helper in your view like this:

<%: Html.Script("jquery.validate.min.js") %>

or:

<%: Html.Script("http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.2.js", false) %>

I get the error Html does not contain definition for 'Script' — Rama Desai, Dec 20 '11 at 18:21
You need to include the namespace in the web.config where you created the Script method: ` ` — Nick, Jan 09 '12 at 15:18

score 1 · Answer 2 · answered Dec 12 '13 at 10:10

1

You should first Add an Assembly(namespace)

System.Web.Optimization

then simple render any Script like this.

@Scripts.Render("~/Content/Scripts/test.js")

do not forget to include namespace first

Using System.Web.Optimization;

answered Dec 12 '13 at 10:10

syed Ahsan Jaffri

1,160
2
14
34

And fully refresh the web page. – Codes with Hammer Aug 15 '18 at 15:01

score 0 · Answer 3 · edited May 23 '17 at 11:50

0

Note <%: renders an HTMLString and you do not want that. <%= renders a string. Below should work.

<script src="<%= Url.Content("~/Content........

see this question for details ASP.NET <%= %> vs <%: %>

edited May 23 '17 at 11:50

Community

1
1

answered Dec 19 '11 at 20:34

John Hartsock

85,422
23
131
146

@RamaDesai just look at the output of your <%: in the above code. It will HTMLEncode the string. Trust me for rendering URLs or URIs you should be using <%= – John Hartsock Dec 19 '11 at 21:00
Even using <%= does not load the js file. – Rama Desai Dec 19 '11 at 21:13
@Rama Desai You have some other issue then. Are you receiving Console errors? Is your HTML Valid? – John Hartsock Dec 19 '11 at 21:14
Html is valid. When I use – Rama Desai Dec 19 '11 at 21:33
If I type this in address bar: http://localhost:49639/Scripts/jquery.tools.min.js I get nothing, yet the file exists in that folder – Rama Desai Dec 19 '11 at 22:09
Can you answer the question, What does `<%= Url.Content("~/Content........` render? – John Hartsock Dec 19 '11 at 22:42

Loading JS file using Url.Content in MVC 3

3 Answers3