如何改变字体，颜色，大小。。。使用javascript_Javascript

如何改变字体，颜色，大小。。。使用javascript

javascript

如何改变字体，颜色，大小。。。使用javascript,javascript,Javascript,我有一个文本区域，现在想为用户提供更改字体大小、样式等的工具。当我单击按钮时，它会弹出字体对话框 <html> <body> <form name="abc"> <textarea name="text">loaded text here</textarea> <input type="button" onClick=""> chnage font </form>

我有一个文本区域，现在想为用户提供更改字体大小、样式等的工具。当我单击按钮时，它会弹出字体对话框

    <html>
    <body>
    <form name="abc">
    <textarea name="text">loaded text here</textarea>
    <input type="button" onClick=""> chnage font
    </form>
    </body>
    </html>


这里加载了文本
汉字字体

我在Lixas中找到了该代码，但当我更改文本大小时，它会更改文本框的高度和宽度

<html>
<head>
    <style type="text/css">
        body, td, tg, input, select {
            font-family: Verdana;
            font-size: 10px;
        }

</style>
</head>
<body onload="initPosition(document.forms[0].txtLayoutViewer)">
<form>
Change Font Size: 
<select onchange="this.form.txtLayoutViewer.style.fontSize = this.options[this.selectedIndex].value; initPosition(this.form.txtLayoutViewer);">
<option value="10">10px</option>
<option value="12">12px</option>
<option value="14">14px</option>
<option value="16">16px</option>
<option value="18">18px</option>
<option value="20">20px</option>
<option value="24">24px</option>
<option value="36">36px</option>
</select>


<textarea name="txtLayoutViewer" rows="15" cols="75" wrap="off">Any text u want to see how it changes.</textarea>
</form></body></html>


车身，td，tg，输入，选择{
字体系列：Verdana；
字体大小：10px；
}
更改字体大小：
10px
12px
14px
16px
18px
20px
24px
36px
任何你想看到的文字都会改变。

Thanx到Christian textarea现在没有更改…使用类似的方法是否可以更改文本字体样式（如粗体、斜体、规则、粗体斜体）和字体面（泰晤士报新罗马版、lucida手写版）

先发制人

-subanki

要防止第二个示例中的大小改变，需要设置宽度和高度，而不是行和列

<textarea name="txtLayoutViewer" style="width:500px;height:300px"
                      wrap="off">
  Any text u want to see how it changes.
</textarea>


任何你想看到的文字都会改变。

使用适当的css会使它更干净。

您已经绑定了任何东西吗？您可能更喜欢使用TinyMCE而不是重新实现控制盘。用于什么目的？这只是为了用户在输入时可以选择字体，还是您计划使用指定字体为其他用户显示文本？您可以更改整个文本区域的字体，但不能更改其中部分文本的字体。我希望用户能够更改字体大小或将其加粗，以便他们可以清楚地看到文本。尤其是老年人发现阅读小文本很困难。。。特别是我的老师……我明白，字体对话框是一个“windows shell”对话框，你不能在浏览器上弹出它，即使你可以，它的变化也不会比普通的“ctrl+plus”更大，两者都是用户级控件，这意味着使用浏览器的用户可以控制，而不是浏览器内部的脚本。。。尽管如此，还是有很多javascript插件可以“增加和减少大小”，搜索“字体大小控制javascript插件”