Asp.net 後臺新增CSS、JS、Meta標籤
下面是從Asp.net 後臺新增CSS、JS、Meta標籤的寫法,我們這裡寫成函式方便以後使用。如果函式放在頁面類中, Page引數也可以不要。
首先匯入名稱空間 using System.Web.UI.HtmlControls;
/// <summary>
/// 新增JS指令碼連結
/// </summary>
/// <param name="page">頁面</param>
/// <param name="url">路徑</param>
public void AddJS(System.Web.UI.Page page, string url)
{
HtmlGenericControl jsControl = new HtmlGenericControl("script");
jsControl.Attributes.Add("type", "text/javascript");
jsControl.Attributes.Add("src", url);
page.Header.Controls.Add(jsControl);
}
/// <summary>
/// 新增JS指令碼內容
/// </summary>
/// <param name="page">頁面</param>
/// <param name="content">指令碼內容</param>
public void AddScript(System.Web.UI.Page page, string content)
{
HtmlGenericControl scriptControl = new HtmlGenericControl("script");
scriptControl.Attributes.Add("type", "text/javascript");
scriptControl.InnerHtml = content;
page.Header.Controls.Add(scriptControl);
}
/// <summary>
/// 新增CSS樣式連結
/// </summary>
/// <param name="page">頁面</param>
/// <param name="url">路徑</param>
public void AddCss(System.Web.UI.Page page, string url)
{
HtmlLink link = new HtmlLink();
link.Href = url;
link.Attributes.Add("rel", "stylesheet");
link.Attributes.Add("type", "text/css");
page.Header.Controls.Add(link);
}
/// <summary>
/// 新增CSS樣式內容
/// </summary>
/// <param name="page">頁面</param>
/// <param name="content">樣式內容</param>
public void AddStyle(System.Web.UI.Page page, string content)
{
HtmlGenericControl styleControl = new HtmlGenericControl("style");
styleControl.Attributes.Add("type", "text/css");
styleControl.InnerHtml = content;
page.Header.Controls.Add(styleControl);
}
/// <summary>
/// 新增Meta標籤
/// </summary>
/// <param name="page">頁面</param>
/// <param name="name">Meta名字</param>
/// <param name="content">Meta內容</param>
public void AddMeta(System.Web.UI.Page page, string name, string content)
{
HtmlMeta meta = new HtmlMeta();
meta.Name = name;
meta.Content = content;
page.Header.Controls.Add(meta);
}
相關文章
- JS新增標籤效果JS
- HTML <meta>標籤HTML
- html meta標籤HTML
- meta標籤設定
- meta標籤總結
- HTML Meta標籤知多少HTML
- 前端meta標籤內容定義及使用說明,meta詳細說明,meta標籤使用前端
- js給html標籤新增屬性JSHTML
- JSP自定義標籤之三:為標籤新增屬性JS
- HTML5 <meta> 標籤屬性,所有meta用法HTML
- 使用<meta>標籤實現指定時間後跳轉效果
- jsp 介面標籤頁 新增圖示JS
- 解析robots協議及meta標籤協議
- HTML規範——標籤,資源,meta梳理HTML
- HTML meta 標籤總結與屬性HTML
- Meta 標籤與搜尋引擎優化優化
- CSS之A標籤CSS
- 神奇的meta標籤處理相容性
- 移動端meta標籤設定總結
- meta標籤的viewport用法簡單介紹View
- html的meta總結,html標籤中meta屬性使用介紹HTML
- CSS&HTML標籤CSSHTML
- 初學CSS標籤CSS
- CSS之列表標籤CSS
- vuejs實現新增tag標籤程式碼例項VueJS
- HTML5 新增標籤HTML
- meta標籤的http-equiv與content解析HTTPUI
- Html網頁中meta標籤及用法詳解HTML網頁
- 移動端的頭部標籤和meta,[html5]移動端的頭部標籤和meta屬性詳解HTML
- H5新增標籤元素H5
- jQuery選擇器 標籤選擇元素+css簡單新增移除操作jQueryCSS
- JSP簡單標籤標籤庫開發JS
- html meta 標籤和瀏覽器快取關係HTML瀏覽器快取
- Meta標籤中name和http-equiv的區別HTTPUI
- JS 移除 HTML 標籤JSHTML
- JS 之 script標籤JS
- 直播電商平臺開發,Layui給標籤新增點選事件UI事件
- asp.net 伺服器控制元件LinkButton等在後臺程式碼中設定js事件或新增css樣式ASP.NET伺服器控制元件JS事件CSS