ASP.NET给前端动态添加修改 CSS样式JS 标题 关键字

有很多网站读者能换自己喜欢的样式,还有一些网站想多站点共享后端代码而只动前段样式,可以采用动态替换CSS样式和JS。 如果是webform 开发,可以用下列方法:

流程是首先从数据中或者xml读取数据,然后赋值给前端页面

HTML <meta> 标签添加

HtmlMeta mtdes = new HtmlMeta();//新建实例

mtdes.Name = "Description";//标签

mtdes.Content = this.Descriptionp;//内容

Header.Controls.Add(mtdes);添加css属性

HTML <Link> 标签添加,这是动态添加CSS样式的关键

HtmlLink hlk = new HtmlLink();//新建实例

hlk.Href = "css/a.css";//给添加css地址

hlk.Attributes.Add("rel","stylesheet");//添加css属性

hlk.Attributes.Add("type","text/css");//添加css属性

Header.Controls.Add(hlk);//添加到页面头部控件中去

下面一样:

HtmlLink csslink2 = new HtmlLink();

csslink2.Href = "css/css1.css";

csslink2.Attributes.Add("rel", "stylesheet");

csslink2.Attributes.Add("type", "text/css");

Header.Controls.Add(csslink2);

动态添加JS

HtmlGenericControl jslink = new HtmlGenericControl("script"); 新建script实例

jslink.Attributes["type"] = "text/javascript";//标明js文本类别

jslink.Attributes["src"] = "js/elf.js";//JS的URL地址

Header.Controls.Add(jslink); //添加到页面头部控件中去

添加标题和说明

this.Titlep = dr["title"].ToString();

this.Descriptionp = dr["breif"].ToString();

this.Label3.Text = dr["title"].ToString();

this.Label4.Text = dr["About"].ToString();

Page.Title = Titlep;            添加标题方式2

其实方法有很多,大家可以扩展思路用其它方式实现。

以上文章如有问题,请斧正

时间: 2024-10-03 14:44:50

ASP.NET给前端动态添加修改 CSS样式JS 标题 关键字的相关文章

WEB前端开发学习----6.CSS 和 JS 在html的使用方法

CSS的导入总共有四大方法: 1. 行内式:直接在html标签元素内嵌入css样式(不推荐) 2.嵌入式:在html头部head部分内插入style声明 3.导入式:使用@import引用外部CSS文件方法:<style type="text/css">@import "mystyle.css";</style> 4.链接式:使用link来调用外部的css文件(推荐):<link href="mystyle.css"

javascript 修改css样式

abc.css CSS code .class1     {    width:10px;    background-color: red;    } HTML code <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><link rel="stylesheet" type="text/css" href

用JS查看修改CSS样式(cssText,attribute(&#39;style&#39;),currentStyle,getComputedStyle)

CSS样式定义方法 大家都知道,在为HTML设置样式的时候,通常有三种方法:内联样式,内部样式表,外部样式表. 1.内联样式: 内联样式表就是在HTML元素中的行内直接添加style属性. 1 <div id="div1" style="width: 100px; height: 100px; background: black"> 2 </div> 2.内部.外部样式表: 内部样式表就是在<head>头部里有<style&

Web前端开发如何利用css样式来控制Html中的h1/h2/h3标签不换行

  H1/H2/H3/H4标题标签常常使用在一个网页中唯一标题.重要栏目.重要标题等情形下. H1在一个网页中最好只使用一次,如对一个网页唯一标题使用.H2.H3.H4标签则可以在一个网页中多次出现,但必要随意添加或添加过度. 在Web前端开发中,经常要使用H1标签对关键字进行优化,可是如果是一行文字中的某个词加上了H1标记,就会换行.可以使用下面的方法,H标签就不会强制换行了.Css控制为一行文字中某个字加上<h2>标签不换行,display:inline; 解释为:内联对象的默认值.用该值

谷歌浏览器修改CSS和js后同步保存到文件中 (译)

谷歌浏览器修改CSS和js后同步保存到文件中. 英文原文:http://www.stephensaw.me/google-chrome-devtools-source-maps/ 谷歌的Chrome DevTools源地图 谷歌的Chrome DevTools发展得越来越好,尤其是他们快速的Blink and V8的性能 ,而且他们使DevTools更好. 最近我发现,编辑源代码的正确的方式是使用源映射了Chrome DevTools. Source Maps 要验证源地图的开启,转至DevTo

js动态加载css和js

js动态加载css和js用处挺多,特意提出来 var loadUtil = { /* * 方法说明:[动态加载js文件css文件] * 使用方法:loadUtil.loadjscssfile("http://libs.baidu.com/jquery/1.9.1/jquery.js","js") * @param fileurl 文件路径, * @param filetype 文件类型,支持传入类型,js.css */ loadjscssfile:function(

jquery修改css样式,样式带!important

由于需求的需要,今天在用jquery修改一个弹出框的样式的时候,由于有一个按钮有padding-left:12px;导致内间距空出来的这一块颜色用普通的方式无法改变. 普通的jquery修改css的方法:$("#idName").css("backgroundColor","red");但是这个方法无法改变padding-left:12px;这一块的背景色,因为定位不到它的id. 后来在请教了公司的搞html的同事(民庆)后,他说要在样式后面加个

关于修改css样式的几种js用法

看了js也有一段时间了,对于修改css样式有很多种方式可以实现,今天做一个小小的总结吧. 首先写个例子 body部分 <div class="box"></div><inpiut id-"btn" type="button" value="按钮"> style部分 .box{ width: 100px; height: 100px; background: red; border: 1px

HTML&amp;CSS基础学习笔记1.28-给网页添加一个css样式

CSS是什么? 当HTML配合CSS一起使用时,我们发现页面变得好看了很多.那么CSS到底是什么呢? CSS指层叠样式表 (Cascading Style Sheets),它主要是用于定义HTML标签在浏览器内的显示样式,如文字大小.颜色.字体加粗等. 我们可以这么说,CSS是网页的衣服,它可以用来装饰网页. 那么接下来我们就来试试css吧~ 给网页添加一个CSS样式 尝试给<p>标签直接加了一个[style]属性,并且给标签添加了一个字体颜色.这种在标签上直接添加样式的形式,我们称这种关联方