如何做可以更改字体的回复框

ccnuxjg 2003-03-21 05:36:06

我的回复框需要将系统所有的字体都列举出来。我看了网上一些有字体选择的框，都是用样式来实现的。
这样我要列举所有的字体那样式表岂不是会很大，载入起来就会更慢了。
有什么其它的高效点的方法吗？

...全文

80 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

meizz 2003-03-24

打赏
举报

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<OBJECT id="dlgHelper" CLASSID="clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b" width="0px" height="0px"></OBJECT>
<select id="the_font" onchange="document.all.word2.style.fontFamily=this.value"></select>
<script>
function setFont()
{
var cnt = dlgHelper.fonts.count

for (var i = 1; i < cnt; i++)
{
the_font.options[the_font.options.length] = new Option(dlgHelper.fonts(i),dlgHelper.fonts(i));
}

}

window.onload = setFont;
</script><br>
<span id=word1>字段一 abcdefghijklmnopqrstuvwxyz</span><br>
<span id=word2>字段二 abcdefghijklmnopqrstuvwxyz</span>
</body>
</html>

lansajf 2003-03-24

打赏
举报

上面的代码不适合IE5.0

ccnuxjg 2003-03-24

打赏
举报

谢谢二位!
上面的方法是我一旦选择了字体后，页面的所有文字都变成了那种字体
我的意思是如果有两行文字：
1、文字abc123
2、文字def456

我只要求更改文字2的字体，而文字1的字体不受影响。

这样我做回复框的目的就可达到了。也就是我在回复框中添加一个字体选项，用户选择的是什么字体，那么该用户在提交后回复以后，页面的就按用户先前选择的字体进行显示。这样，每一段回复的字体就会不一样。

meizz 2003-03-23

打赏
举报

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<OBJECT id="dlgHelper" CLASSID="clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b" width="0px" height="0px"></OBJECT>
<select id="the_font" onchange="document.body.style.fontFamily=this.value"></select>
<script>
function setFont()
{
var cnt = dlgHelper.fonts.count

for (var i = 1; i < cnt; i++)
{
the_font.options[the_font.options.length] = new Option(dlgHelper.fonts(i),dlgHelper.fonts(i));
}

}

window.onload = setFont;
</script>
通过选择文字来改变网页里所有文字的字体类型 abcdefghijklmnopqrstuvwxyz
</body>
</html>

ccnuxjg 2003-03-23

打赏
举报

谢谢楼上的。
如果我想选中一种字体后（假设我选择的是宋体），让页面上的文字变为我选择的字体
该怎么做呢？

希默软件 2003-03-21

打赏
举报

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<OBJECT id="dlgHelper" CLASSID="clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b" width="0px" height="0px"></OBJECT>
<select id="the_font"></select>
<script>
function setFont()
{
var cnt = dlgHelper.fonts.count

for (var i = 1; i < cnt; i++)
{
the_font.options[the_font.options.length] = new Option(dlgHelper.fonts(i),dlgHelper.fonts(i));
}

}

window.onload = setFont;
</script>
</body>
</html>