ASP.NET动态增加HTML元素

不念不忘少年蓝@ 2021-09-16 07:18 407阅读 0赞

asp.net中动态增加html元素，在使用asp.net进行web开发的时候页面中的<head></head>中的信息可以通过asp.net的cs文件动态指定。

**1、动态增加样式表**

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

**2、动态增加样式**

/*动态增加样式*/
    Style style = new Style();
    style.Font.Size = 20;
    style.ForeColor = System.Drawing.Color.Navy;
    style.BackColor = System.Drawing.Color.LightGray;
    this.Header.StyleSheet.CreateStyleRule(style, null, "body");

**3、动态增加Meta**

/*动态增加Meta*/
    HtmlMeta meta = new HtmlMeta();
    meta.Name = "keywords";
    meta.Content = "Your keywords here";
    this.Header.Controls.Add(meta);
    
    meta = new HtmlMeta();
    meta.Name = "company";
    meta.Content = "microsoft";
    this.Header.Controls.Add(meta);
    
    meta = new HtmlMeta();
    meta.Name = "date";
    meta.Content = DateTime.Now.ToString("yyyy-MM-dd");
    meta.Scheme = "YYYY-MM-DD";
    this.Header.Controls.Add(meta);

**4、动态增加js文件**

/*动态增加js文件*/
    HtmlGenericControl si = new HtmlGenericControl();
    si.TagName = "script";
    si.Attributes.Add("language", "javascript");
    si.Attributes.Add("type", "text/javascript");
    si.Attributes.Add("src", "/js/common/base.js");//注意路径的写法
    this.Page.Header.Controls.Add(si);

**\*注意事项**

使用上述代码，<head>标签必须加上runat="server"（服务器控件）。

<head runat="server">
    </head>

发表评论取消回复

表情：

评论列表（有 0 条评论，407人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML 元素

HTML 元素 -------------------- HTML 文档由 HTML 元素定义。 -------------------- HTML 元素 <

梦里梦外;/ 2023年10月12日 21:54/ 0 赞/ 46 阅读

相关 html元素设置浮动,html浮动元素

1. position:static 所有元素的默认定位都是：position:static，这意味着元素没有被定位，而且在文档中出现在它应该在的位置。一般来说，不用指定

秒速五厘米/ 2022年10月09日 13:29/ 0 赞/ 226 阅读

相关 html5 table删除修改,HTML Table 动态增加删除行 code 实例

Dynamic Table function addRow(tbodyID) \{ var bodyObj=document.getElementById(tbodyID

拼搏现实的明天。/ 2022年10月06日 07:52/ 0 赞/ 199 阅读

相关 AJAX动态创建HTML元素click事件无效

解决办法：将click事件绑定到body元素下面（缺点：body上事件绑定多了，页面受不了） $("body").on("click","Ajax动态创建

野性酷女/ 2022年09月25日 12:21/ 0 赞/ 181 阅读

相关【html】动态增加横向带删除的列表

需要实现的效果 ![这里写图片描述][70] 代码 html <ul id="projUl"> <label s

àì夳堔傛蜴生んèń/ 2022年05月21日 09:14/ 0 赞/ 218 阅读

相关 bootstrapValidator 动态添加html元素的验证

1，动态添加的元素如果想要验证需要用到 addField，为相应增加的元素name添加验证 function addValShow() { $("fo

男娘i/ 2022年05月16日 23:54/ 0 赞/ 184 阅读

相关动态增加元素的DOM操作

动态的增加和删除元素在很多地方都需要用到，比如有时候需要大量数据收集的时候，我们就需要动态增加form表单等。下面是一个例子：效果演示 <table> 动态添加用户

痛定思痛。/ 2021年12月17日 15:27/ 0 赞/ 237 阅读

相关 ASP.NET动态增加HTML元素

asp.net中动态增加html元素，在使用asp.net进行web开发的时候页面中的<head></head>中的信息可以通过asp.net的cs文件动态指定。 1、动态增

不念不忘少年蓝@/ 2021年09月16日 07:18/ 0 赞/ 408 阅读

相关 JS数组增加元素，追加元素

JS部分代码 var arr = ['a','b']; var arr_1 = 'c'; arr.push(arr_1 ); console.

Myth丶恋晨/ 2021年08月31日 03:50/ 0 赞/ 526 阅读

相关 vue 实现点击“增加“”按钮，添加一个HTML元素

vue 实现点击“增加“”按钮，添加一个HTML元素场景描述：vue中经常需要点击一次增加按钮，添加一个HTML元素，比如一个div。初始状态： ![waterm

布满荆棘的人生/ 2021年07月24日 13:53/ 0 赞/ 1839 阅读