JavaScript bold方法入门实例（把指定文字显示为粗体）

JavaScript bold 方法

lastIndexOf 方法返回使用 HTML b 标签定义的粗体字符串。其语法如下：

代码如下:

str_object.bold()

提示：该方法不符合 ECMA 标准，不建议使用。

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"）在粗体、正常字体、小号字体与大号字体之间实时切换。

赞 (0)

相关推荐

  • JavaScript中的bold()方法使用详解

    此方法将导致就好像它是在一个<b>标签的字符串显示为粗体. 语法 string.bold( ) 下面是参数的详细信息: NA: 返回值: 返回字符串含有<b>标签 例子: <html> <head> <title>JavaScript String bold() Method</title> </head> <body> <script type="text/javascript"&g

  • JavaScript bold方法入门实例（把指定文字显示为粗体）

    JavaScript bold 方法 lastIndexOf 方法返回使用 HTML b 标签定义的粗体字符串.其语法如下: 复制代码 代码如下: str_object.bold() 提示:该方法不符合 ECMA 标准,不建议使用. bold 方法实例 复制代码 代码如下: <script language="JavaScript"> var str = "www.jb51.net"; document.write(str.bold()); </s

  • JavaScript italics方法入门实例（把字符串显示为斜体）

    JavaScript italics 方法 italics 方法返回使用 HTML i 标签属性定义的(斜体)字符串.其语法如下: 复制代码 代码如下: str_object.italics() 提示:该方法不符合 ECMA 标准,不建议使用. italics 方法实例 复制代码 代码如下: <script language="JavaScript"> var str = "www.jb51.net"; document.write( str.itali

  • JavaScript sub方法入门实例（把字符串显示为下标）

    JavaScript sub 方法 sub 方法返回使用 HTML sub 标签属性定义的下标字符串.其语法如下: 复制代码 代码如下: str_object.sub() 提示:该方法不符合 ECMA 标准,不建议使用. sub 方法实例 复制代码 代码如下: <script language="JavaScript"> document.write( '我们' + '每一点进步,都是我们通往成功道路上的坚实脚印'.sub() ); </script> 运行该例

  • JavaScript sup方法入门实例（把字符串显示为上标）

    sup 方法返回使用 HTML sup 标签属性定义的上标字符串.其语法如下: 复制代码 代码如下: str_object.sup() 提示:该方法不符合 ECMA 标准,不建议使用. sup 方法实例: 复制代码 代码如下: <script language="JavaScript"> document.write( '我们' + '每一点进步,都是我们通往成功道路上的坚实脚印'.sup() ); </script> 运行该例子,输出: 复制代码 代码如下:

  • JavaScript charCodeAt方法入门实例（用于取得指定位置字符的Unicode编码）

    JavaScript charCodeAt 方法 charCodeAt 方法用于从字符串中取得指定位置字符的 Unicode 编码.其语法如下: 复制代码 代码如下: str_object.charCodeAt( x ) 参数说明: 参数 说明 str_object 要操作的字符串(对象) x 必需.表示位置的数字 提示:字符串是从 0 开始计数的. charCodeAt 方法实例 复制代码 代码如下: <script language="JavaScript"> docu

  • JavaScript fontcolor方法入门实例（按照指定的颜色来显示字符串）

    JavaScript fontcolor 方法 fontcolor 方法返回使用 HTML font 标签中 color 属性定义的带有颜色的字符串.其语法如下: 复制代码 代码如下: str_object.fontcolor( color ) 参数说明: 参数 说明 str_object 要操作的字符串(对象) color 必需.颜色名(red).RGB 值(rgb(255,0,0))或者十六进制数(#FF0000) 提示:该方法不符合 ECMA 标准,不建议使用. fontcolor 方法实

  • JavaScript indexOf方法入门实例（计算指定字符在字符串中首次出现的位置）

    JavaScript indexOf 方法 indexOf 方法用于计算某个指定的字符串在字符串中首次出现的位置,并返回该数值.其语法如下: 复制代码 代码如下: str_object.indexOf( search, start ) 参数说明: 参数 说明 str_object 要操作的字符串(对象) search 必需.要检索的字符串 start 可选.指定开始检索的位置,如省略该参数,则将从字符串的首字符开始检索 提示:字符串是从 0 开始计数的. indexOf 方法实例 复制代码 代码

  • JavaScript lastIndexOf方法入门实例（计算指定字符在字符串中最后一次出现的位置）

    JavaScript lastIndexOf 方法 lastIndexOf 方法用于计算指定的字符串在整个字符串中最后一次出现的位置,并返回该数值.其语法如下: 复制代码 代码如下: str_object.lastIndexOf( search, start ) 参数说明: 参数 说明 str_object 要操作的字符串(对象) search 必需.要检索的字符串 start 可选.指定开始检索的位置,如省略该参数,则将从字符串的最后一个字符开始检索 提示:字符串是从 0 开始计数的. las

  • JavaScript fontsize方法入门实例（按照指定的尺寸来显示字符串）

    JavaScript fontsize 方法 fontsize 方法返回使用 HTML font 标签中 size 属性定义字体大小的字符串.其语法如下: 复制代码 代码如下: str_object.fontsize( size ) 参数说明: 参数 说明 str_object 要操作的字符串(对象) size 必需.1 到 7 的数字,数字越大字体越大,字体大小对比如下: 1:10px 2:14px 3:16px 4:18px 5:24px 6:32px 7:48px 提示:该方法不符合 EC

  • JavaScript strike方法入门实例（给字符串加上删除线）

    JavaScript strike 方法 strike 方法返回使用 HTML strike 标签属性定义的删除线样式的字符串.其语法如下: 复制代码 代码如下: str_object.strike() 提示:该方法不符合 ECMA 标准,不建议使用. strike 方法实例 复制代码 代码如下: <script language="JavaScript"> var str = "www.jb51.net"; document.write( str.st

随机推荐