动态生成的HTML标签样式问题_随笔

动态生成的HTML标签样式一般可以使用2中方式确定

1、在生成HTML时将样式直接以style=""写在标签上；也就是使用行内样式

例如：

//动态生成html时，给html赋值行内样式

$("body").append("<div style='width:100pxheight:100pxbackground:red'>动态生成的div</div>")

2、预先定义好css样式，动态生成html时，将css类赋值给html

例：

/*定义css样式*/

.content{

width:100px

height:100px

background:red

} //在动态生成html时，将css样式赋值class

$("body").append("<div class='content'>动态生成html赋值class样式</div>")

总结：在动态生成html标签时，直接使用行内样式快捷，但不容易修改；使用预先定义好的css样式赋值html标签的class属性，容易修改；建议使用后者。

我理解你的问题是生成动态网页是吧。一般动态的HTML是通过支持CGI 即（通用网关接口）的语言生成的。例如 PHP ASP PYTHON RUBY等。当然前段的JS 也可以通过DOM 生成动态HTML

所谓HTML实际上是一种标记语言。而后端脚本语言通常可以控制终端设备输出显示。这样利用输出加上通用网关接口就可以实现动态的HTML输出（在这里实际上用户浏览器就是一个终端。）

一般后台语言生成HTML都是通过模板实现例如PYTHON

# ! / u s r / b i n / e n v p y t h o n

import cgi

reshtml = '''Content-Type: text/html\n

<HTML><HEAD><TITLE> 7 Friends CGI Demo (dynamic screen)

</TITLE></HEAD>

<BODY><H3>Friends list for: <I>%s</I></H3>

Your name is: <B>%s</B><P>

You have <B>%s</B> friends.

</BODY></HTML>'''

form = cgi.FieldStorage()

who = form['person'].value howmany = form['howmany'].value print reshtml %

(who, who, howmany)

欢迎分享，转载请注明来源：内存溢出

动态生成的HTML标签样式问题