ASP.NET給前端動態添加修改 CSS樣式JS 標題 關鍵字

有很多網站讀者能換自己喜歡的樣式，還有一些網站想多站點共用後端代碼而只動前段樣式，可以採用動態替換CSS樣式和JS。 如果是webform 開發，可以用下列方法：

流程是首先從數據中或者xml讀取數據，然後賦值給前端頁面

HTML <meta> 標簽添加

            HtmlMeta mtdes = new HtmlMeta();//新建實例

            mtdes.Name = "Description";//標簽

            mtdes.Content = this.Descriptionp;//內容

            Header.Controls.Add(mtdes);添加css屬性

HTML <Link> 標簽添加，這是動態添加CSS樣式的關鍵

            HtmlLink hlk = new HtmlLink();//新建實例

            hlk.Href = "css/a.css";//給添加css地址

            hlk.Attributes.Add("rel","stylesheet");//添加css屬性

            hlk.Attributes.Add("type","text/css");//添加css屬性

            Header.Controls.Add(hlk);//添加到頁面頭部控制項中去

            下麵一樣：

            HtmlLink csslink2 = new HtmlLink();

            csslink2.Href = "css/css1.css";

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

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

            Header.Controls.Add(csslink2);

動態添加JS

            HtmlGenericControl jslink = new HtmlGenericControl("script"); 新建script實例

            jslink.Attributes["type"] = "text/javascript";//標明js文本類別

            jslink.Attributes["src"] = "js/elf.js";//JS的URL地址

            Header.Controls.Add(jslink); //添加到頁面頭部控制項中去

添加標題和說明

this.Titlep = dr["title"].ToString();  

 this.Descriptionp = dr["breif"].ToString();

 this.Label3.Text = dr["title"].ToString();

  this.Label4.Text = dr["About"].ToString();

 Page.Title = Titlep;            添加標題方式2

其實方法有很多，大家可以擴展思路用其它方式實現。

以上文章如有問題，請斧正