ASP.NET给前端动态添加修改 CSS样式JS 标题 关键字

Posted lovebobo

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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

其实方法有很多,大家可以扩展思路用其它方式实现。

以上文章如有问题,请斧正

 

以上是关于ASP.NET给前端动态添加修改 CSS样式JS 标题 关键字的主要内容,如果未能解决你的问题,请参考以下文章

JS 动态修改CSS 样式方法/全局

HTML JS动态设置CSS样式

asp.net通过后台代码给前台设置css样式,下拉列表在js中的取值

从 ASP.NET 服务器控件动态添加 CSS 文件

从后端获取到的数据直接返回div,里面的img怎么设置css样式

asp.net修改js文件后没有效果,该怎么解决呢