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")在粗体、正常字体、小号字体与大号字体之间实时切换。
相关推荐
-
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
随机推荐
- VMware的三种网络连接方式区别
- 浅谈Python中chr、unichr、ord字符函数之间的对比
- angular十大常见问题
- 详解iOS应用中播放本地视频以及选取本地音频的组件用法
- 在ASP.NET使用JavaScript显示信息提示窗口实现原理及代码
- 理解PHP中的stdClass类
- php 中的str_replace 函数总结
- Symfony2安装第三方Bundles实例详解
- 深入解析Android中View创建的全过程
- MySQL的安装以及基本的管理命令和设置
- JS中如何比较两个Json对象是否相等实例代码
- Ruby一行代码实现的快速排序
- 解析在WTL下使用双缓冲的实现方法
- 使用BULK INSERT大批量导入数据 SQLSERVER
- mysql tmp_table_size优化之设置多大合适
- JS简单实现自定义右键菜单实例
- 用meta实现的页面跳转代码
- 威金变种 rundl132.exe RichDll.dll,f1.exe,f2.exe,f3.exe,f4,exe,f5.exe,f11.exe解决方法
- Java3D实例之创建空间几何模型的实现方法
- WinForm单例窗体用法实例