ASP.NET使用后台动态加载js和css文件

最新推荐文章于 2023-02-02 12:06:39 发布

原创最新推荐文章于 2023-02-02 12:06:39 发布 · 4k 阅读

1 ·

CC 4.0 BY-SA版权

本文介绍如何在ASP.NET应用程序中动态加载JavaScript和CSS文件。通过在.cs页面中编写简单代码，可以实现对指定JS和CSS文件的加载，适用于不同类型的页面需求。此外，还介绍了如何利用母版页进行资源文件的加载。

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

在cs页面中写入如下代码

加载js文件

HtmlGenericControl control = new HtmlGenericControl("script");
control.Attributes.Add("type", "text/javascript");
control.Attributes.Add("src", "scripts/test.js");
Page.Header.Controls.Add(control);

加载css文件

HtmlLink link = new HtmlLink();
link.Href = "style/Style.css";
link.Attributes.Add("rel", "stylesheet");
link.Attributes.Add("type", "text/css");
Page.Header.Controls.Add(link);

当然也可以使用母版页加载

string requestContentType = this.ContentPlaceHolder1.Page.GetType().ToString();
if (requestContentType == "内容页类型")//格式如ASP.目录名_文件名_aspx(ASP.admin_c2c_user_management_aspx文件名中的“-”可能都会被转换成了“_”)
{
    //加载JS文件
HtmlGenericControl control = new HtmlGenericControl("script");
control.Attributes.Add("type", "text/javascript");
control.Attributes.Add("src", "scripts/test.js");
Page.Header.Controls.Add(control);
// 加载CSS文件 
	
HtmlLink link = new HtmlLink();
link.Href = "style/Style.css";
link.Attributes.Add("rel", "stylesheet");
link.Attributes.Add("type", "text/css");
Page.Header.Controls.Add(link);
}