使用js设定文本格式

最新推荐文章于 2023-11-07 15:06:20 发布

原创最新推荐文章于 2023-11-07 15:06:20 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了如何使用JavaScript来改变文本的显示格式，包括字体大小、样式和颜色等。通过示例代码展示了设置大号字、小号字、加粗、斜体、下划线、颜色、字体大小、大小写转换、下标和上标以及创建链接的方法。

如果你想使用js来改变输出显示的字体格式，那么就请看看下面的这段代码吧

源代码：

<html>
<body>


<script type="text/javascript">


var txt="Hello World!"


document.write("<p>Big: " + txt.big() + "</p>")
document.write("<p>Small: " + txt.small() + "</p>")


document.write("<p>Bold: " + txt.bold() + "</p>")
document.write("<p>Italic: " + txt.italics() + "</p>")


document.write("<p>Blink: " + txt.blink() + " (does not work in IE)</p>")
document.write("<p>Fixed: " + txt.fixed() + "</p>")
document.write("<p>Strike: " + txt.strike() + "</p>")


document.write("<p>Fontcolor: " + txt.fontcolor("Red") + "</p>")
document.write("<p>Fontsize: " + txt.fontsize(16) + "</p>")


document.write("<p>Lowercase: " + txt.toLowerCase() + "</p>")
document.write("<p>Uppercase: " + txt.toUpperCase() + "</p>")


document.write("<p>Subscript: " + txt.sub() + "</p>")
document.write("<p>Superscript: " + txt.sup() + "</p>")


document.write("<p>Link: " + txt.link("http://www.w3school.com.cn") + "</p>")
</script>


</body>
</html>

显示：

Big: Hello World!

Small: Hello World!

Bold: Hello World!

Italic: Hello World!

Blink: Hello World! (does not work in IE)

Fixed: Hello World!

Strike: ~~Hello World!~~

Fontcolor: Hello World!

Fontsize: Hello World!

Lowercase: hello world!

Uppercase: HELLO WORLD!