动态添加外部样式到head部分

本文介绍了一种通过创建自定义PageBase类来优化ASP.NET应用程序的方法。该类继承自System.Web.UI.Page,并实现了页面加载时自动添加元标签、JS文件及CSS样式等功能,有助于提高开发效率并改善SEO。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 建立一个PageBase.cs文件基类,继承于 System.Web.UI.Page

在PageBase基类中添加以下方法

 

 

private void Page_Load(object sender, System.EventArgs e)
{

        this.Header.Title = title;


        //动态增加Meta
        HtmlMeta meta = new HtmlMeta();
        meta.Name = "keywords";
        meta.Content = KeyWords;
        this.Header.Controls.Add(meta);

 

        meta = new HtmlMeta();
        meta.Name = "description";
        meta.Content = description;
        this.Header.Controls.Add(meta);

 

        meta = new HtmlMeta();
        meta.HttpEquiv = "Content-Type";
        meta.Content = "text/html; charset=utf-8";
        this.Header.Controls.Add(meta);

 

        //动态增加js文件
        HtmlGenericControl js = new HtmlGenericControl();
        js.TagName = "script";
        js.Attributes.Add("language", "javascript");
        js.Attributes.Add("type", "text/javascript");
        js.Attributes.Add("src", "~/js/main.js");
        this.Header.Controls.Add(js);

 

        //动态添加样式表
        HtmlLink link = new HtmlLink();
        link.Attributes.Add("type", "text/css");
        link.Attributes.Add("rel", "stylesheet");
        link.Attributes.Add("href", "~/css/main.css");
        this.Header.Controls.Add(link);


}

 

 

 

//添加外部CSS样式
 public void InnerCss(string sHref)
 {
        HtmlLink link = new HtmlLink();
        link.Attributes.Add("type", "text/css");
        link.Attributes.Add("rel", "stylesheet");
        link.Attributes.Add("href", sHref);
        this.Header.Controls.Add(link);
 }


//添加外部JS文件
public void InnerJS(string sHref)
{
        HtmlGenericControl js = new HtmlGenericControl();
        js.TagName = "script";
        js.Attributes.Add("language", "javascript");
        js.Attributes.Add("type", "text/javascript");
        js.Attributes.Add("src", sHref);
       
        this.Header.Controls.Add(js);
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值