JavaScript bold 方法详解与动态样式替代方案

JavaScript bold 方法简介

JavaScript bold 方法

该方法用于生成使用 HTML <b> 标签包裹的粗体字符串。其基本语法结构如下：

str_object.bold()

需要注意的是，该方法并不符合 ECMA 标准规范，因此在实际开发中不建议使用。

bold 方法使用示例

bold 方法实例

<script language="JavaScript">
var str = "www.jb51.net";
document.write(str.bold());
</script>

运行上述示例，页面输出结果为：

www.jb51.net

动态修改字体样式的替代方案

提示：该方法仅返回带有 HTML <b> 标签的字符串，并不能动态改变页面元素的字体样式。若需动态切换元素字体为粗体，可参考以下实例：

延伸阅读：改变页面元素字体大小

<html>
<script language="JavaScript">
function changFont( x ){
 var font_style = x;
 var article = document.getElementById("article");
 if( typeof font_style == "string" ){
 article.style.fontWeight = font_style;
 } else {
 article.style.fontSize = font_style;
 }
}
</script>
<body>
<p>
<a onClick="changFont('normal');">正常</a> <a onClick="changFont('bold');">粗体</a>
<a onClick="changFont(14);">小号</a> <a onClick="changFont(18);">大号</a>
</p>
<p id="article">
我是一些文字 ...<br />
Some Text ...
</p>
</body>
</html>

在该示例中，通过 JavaScript 控制 CSS 样式，实现了 id="article" 的显示字体在粗体、正常、小号和大号之间实时切换的功能。