Add Javascript and CSS dynamically from Content Page

Add Javascript and CSS dynamically from Content Page

Page class contains a public property named Header. You can convert HTML head tag to the corresponding server control by adding runat=”server” to its definition. Then you can access the head tag in code behind:

HtmlLink cssLink = new HtmlLink();

cssLink.Href = "~/css.css";

cssLink.Attributes.Add("rel", "stylesheet");

cssLink.Attributes.Add("type", "text/css");

Header.Controls.Add(cssLink);

 

HtmlLink jsLink = new HtmlLink();

jsLink.Href = "~/js.js";

jsLink.Attributes.Add("language", "javascript");

jsLink.Attributes.Add("type", "text/javascript");

Header.Controls.Add(jsLink);

Now run the application and view the html source of the page:

<link href="css.css" rel="stylesheet" type="text/css" />

<link href="js.js" language="javascript" type="text/javascript" />

References:

http://forums.asp.net/t/1377840.aspx

http://forums.asp.net/t/1274180.aspx

http://forums.asp.net/t/812415.aspx

http://forums.asp.net/t/1167113.aspx

http://forums.asp.net/t/1023605.aspx

http://forums.asp.net/p/1259642/2350917.aspx

http://forums.asp.net/p/974674/2185721.aspx

http://forums.asp.net/p/1011033/2899195.aspx

http://forums.asp.net/p/1063197/1537104.aspx

http://forums.asp.net/p/1207405/2129938.aspx