Add scripts to head dynamically

14 Comments

• Hi,
  
  I also used such a way but found one serious limitation. When my Page contains own script with inside and I try to register another script from UserControl, the function throws an error. Could you, please, confirm that it works for you in the described situation? Thanks.
  

• Since your function does scripts, styles, meta tags and anything else that goes in to the head, why not rename your function to a generic name - public void Insert(this HtmlHead h,string TextToInsert)
  
  Alternatively, a solution I developed was to create a custom control and place it in the head. I exposed a number of methods and placed the user control inside of my master page. On each page I simply find the control in the page parent and then do the appropriate manipulations. Same idea, just a different implementation.
  

• See also: http://weblogs.asp.net/jstengel/archive/2008/08/01/avoiding-duplication-when-dynamically-adding-scripts-and-styles-to-a-webpage.aspx
  

• @ ILog : I see no reason why the above wouldn't work on a situation like that.
  
  @ Bryan : You are right. A different name would be more appropriate. But this is just an example[:P].
  
  Your idea is pretty nice but it would be a little tricky if you had a master page nested in an anohter master page and inside it you had a usercontol with a nested user control. Sounds rare but that was a situation i was facing. But still a great idea! Thanks for sharing!
  
  @jstengel : Nice blog post! This is something that anyone must consider before start adding scripts and styles to the header of the page dynamically! Thanks for mentioning!
  

• Excellent idea!
  

• Interessante Informationen.
  

• Gute Arbeit hier! Gute Inhalte.
  

• Sehr wertvolle Informationen! Empfehlen!
  

• There are a method in Page that does this:
  
  RegisterStartupScript(scriptID, script);
  

• Thanks a lot. This was a great help :)
  

• Another good example of using extension method.
  

• I want to fetch all redios channels how can
  
  http://www.islamabadid.com/listen_to_fm_radios_islamabad/fm-100/
  
  Implement in this page
  

• Add scripts to head dynamically.. Not so bad :)
  

• I like what you've done here. I just wish I was competent enough to make it work as an Extension method. They just never work, or I'm doing something terribly wrong.