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);
}
相關文章
- HTML <meta>標籤HTML
- 前端meta標籤內容定義及使用說明,meta詳細說明,meta標籤使用前端
- meta標籤的作用及整理
- 說說你對`<meta>`標籤的理解
- HTML規範——標籤,資源,meta梳理HTML
- 那些你不知道的meta標籤
- CSS&HTML標籤CSSHTML
- HTML5 新增標籤HTML
- meta標籤的http-equiv與content解析HTTPUI
- JS 移除 HTML 標籤JSHTML
- JS 之 script標籤JS
- Html網頁中meta標籤及用法詳解HTML網頁
- H5新增標籤元素H5
- 移動端的頭部標籤和meta,[html5]移動端的頭部標籤和meta屬性詳解HTML
- 直播電商平臺開發,Layui給標籤新增點選事件UI事件
- 讓 A 標籤失效的 CSS 寫法CSS
- PHP歷理 新增模板和標籤庫PHP
- 自動為新文章新增標籤WordPress外掛(可控制標籤數量)
- ASP.NET Core應用程式8:標籤助手ASP.NET
- js--標籤語法的使用JS
- 好程式設計師Java教程分享meta標籤什麼作用程式設計師Java
- meta標籤到底是做什麼的(拿來吧你)
- css標籤選擇器的使用注意CSS
- 2020-10-20 css基礎標籤CSS
- css 表單標籤兩端對齊CSS
- Angular 使用 RouteReuseStrategy (路由複用策略) 實現後臺 TAB 標籤Angular路由
- thinkphp: fastadmin頁面上新增css和jsPHPASTCSSJS
- ASP.NET MVC使用input標籤上傳檔案ASP.NETMVC
- 沒有框架怎麼辦?原生 CSS + JS 實現一個標籤輸入框框架CSSJS
- [前臺]---js獲取input標籤中name相同的各個value值JS
- 說說如果meta標籤沒有寫charset屬性,將會如何?
- 移動終端H5頁面meta標籤的設定H5
- 為ElementUI的標籤頁新增生命週期UI
- vuejs實現新增tag標籤程式碼例項VueJS
- HTML5新新增的語義化標籤HTML
- vue裡a標籤從後臺獲取連結並實現跳轉Vue
- ASP.NET Core CMS管理後臺ASP.NET
- day42:HTML標籤和CSS選擇器HTMLCSS
- 如何在vue的style標籤中使用js?VueJS