87,992
社区成员
发帖
与我相关
我的任务
分享如何做可以更改字体的回复框
我的回复框需要将系统所有的字体都列举出来。我看了网上一些有字体选择的框，都是用样式来实现的。
这样我要列举所有的字体那样式表岂不是会很大，载入起来就会更慢了。
有什么其它的高效点的方法吗？
这样我要列举所有的字体那样式表岂不是会很大，载入起来就会更慢了。
有什么其它的高效点的方法吗？
...全文
请发表友善的回复…
发表回复
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>
<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的字体不受影响。
这样我做回复框的目的就可达到了。也就是我在回复框中添加一个字体选项，用户选择的是什么字体，那么该用户在提交后回复以后，页面的就按用户先前选择的字体进行显示。这样，每一段回复的字体就会不一样。
上面的方法是我一旦选择了字体后，页面的所有文字都变成了那种字体
我的意思是如果有两行文字：
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>
<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>
<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>
