如何向 ASP.NET 页面的头部添加 JavaScript 或样式表？

引言

有时您希望动态地将 JavaScript 添加到页面的头部，甚至动态地将样式表添加到您的页面。

背景

当我们使用 Page.ClientScript 函数时，脚本不会被添加到头部，而是会被添加到页面的不同部分。

使用代码

以下代码展示了如何动态地将脚本或样式表或任何其他类型的控件添加到页面的头部。

	'Add the css to header
        Dim hControl As LiteralControl = New LiteralControl
        hControl.Text = "<link href=""default.css"" type=""text/css""  
        rel=""stylesheet"" />"
        Me.Page.Header.Controls.Add(hControl)
        'Add javascript for the header
        Dim header As LiteralControl = New LiteralControl
        header.Text = "<script type=""text/javascript""   
        src=""EWNHeader.js""></script>"
        Me.Page.Header.Controls.Add(header)
	

这是我的代码的新版本，我从评论中获得了它（Matteo 干得好！）在以下代码中，您可以避免使用字面量：要添加一个 meta 标签

HtmlMeta metadescription = new HtmlMeta();
metadescription.Name = "description";
metadescription.Content = "Your page description here";
Page.Header.Controls.Add(metadescription);

要添加一个样式表

HtmlLink css = new HtmlLink(); 
css.Href = "mystyle.css";
css.Attributes["rel"] = "stylesheet";
css.Attributes["type"] = "text/css";
css.Attributes["media"] = "all";
Page.Header.Controls.Add(css);

要添加一个外部 JavaScript 引用

HtmlGenericControl js = new HtmlGenericControl("script");
js.Attributes["type"] = "text/javascript";
js.Attributes["src"] = "mylibrary.js";
Page.Header.Controls.Add(js);

再次感谢 Matteo；)

关注点

如您所见，我们首先定义一个 LiteralControl，然后将我们的 JavaScript 或样式表分配给 LiteralControl 的文本属性，然后我们将 LiteralControl 添加到页面的头部。现在，当您运行页面时，您将看到 JavaScript 或样式表已添加到头部。您可以将所有这些代码放在一个函数中，并在 ASP.NET 页面的 page_load 中调用它。