Register Script into Page Header from ASP.NET Content Page

In a previous article, I had explained how to Call a JavaScript function from ASP.NET Content Page.

We used the ‘RegisterClientScriptInclude’ to register script from a Content Page. However this approach adds the JavaScript reference inside the <body> tag of the page and not the <head>. A reader Simone mailed me asking if it was possible to use the same method to register the script into <head> portion of the page.

The answer is using the ‘RegisterClientScriptInclude’, I think it is not possible natively to add script to the <head> element. However there is an alternate method using the System.Web.UI.HtmlControls.HtmlGenericControl class as shown below:

protected void Page_Load(object sender, EventArgs e)
HtmlGenericControl ctrl = new HtmlGenericControl("script");
ctrl.Attributes.Add("type", "text/javascript");
ctrl.Attributes.Add("src", @"Scripts\Alert.js");

Run the application, right click the page and View Source.

As you can see, the script is now registered in the <head> instead of the <body>.

Will you give this article a +1 ? Thanks in advance

About The Author

Suprotim Agarwal
Suprotim Agarwal, ASP.NET Architecture MVP (Microsoft Most Valuable Professional) works as an Architect Consultant and provides consultancy on how to design and develop Web applications.

Suprotim is also the founder and primary contributor to DevCurry, DotNetCurry and SQLServerCurry. He is the Editor of a Developer Magazine called DNC Magazine. He has also written two EBooks 51 Recipes using jQuery with ASP.NET Controls. and The Absolutely Awesome jQuery CookBook

Follow him on twitter @suprotimagarwal


Abhishek Sur said...

But we can also use ContentPlaceHolder in Head of masterpage.

Any special advantage we could get from dynamically producing script block ? For me Html design is easier to handle


Suprotim Agarwal said...

Abhishek: The advantage is in cases when your client script depends on information that is not available until run time