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
其实方法有很多,大家可以扩展思路用其它方式实现。
以上文章如有问题,请斧正