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


Posted in Javascript onOctober 17, 2014

JavaScript bold 方法

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

str_object.bold()

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

bold 方法实例

<script language="JavaScript">
var str = "3water.com";

document.write(str.bold());
</script>

运行该例子,输出:

3water.com

提示:该方法返回使用 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 相关文章推荐
发一个自己用JS写的实用看图工具实现代码
Jul 26 Javascript
js 键盘记录实现(兼容FireFox和IE)
Feb 07 Javascript
几个比较实用的JavaScript 测试及效验工具
Apr 18 Javascript
一个JQuery操作Table的代码分享
Mar 30 Javascript
JS简单操作select和dropdownlist实例
Nov 26 Javascript
JavaScript中的object转换函数toString()与valueOf()介绍
Dec 31 Javascript
jQuery插件Echarts实现的双轴图效果示例【附demo源码下载】
Mar 04 Javascript
js实现随机数字字母验证码
Jun 19 Javascript
EasyUI的DataGrid绑定Json数据源的示例代码
Dec 16 Javascript
vue两个组件间值的传递或修改方式
Jul 04 Javascript
利用weixin-java-miniapp生成小程序码并直接返回图片文件流的方法
Mar 29 Javascript
vue如何在用户要关闭当前网页时弹出提示的实现
May 31 Javascript
JavaScript lastIndexOf方法入门实例(计算指定字符在字符串中最后一次出现的位置)
Oct 17 #Javascript
JavaScript indexOf方法入门实例(计算指定字符在字符串中首次出现的位置)
Oct 17 #Javascript
JavaScript charCodeAt方法入门实例(用于取得指定位置字符的Unicode编码)
Oct 17 #Javascript
JavaScript字符串对象charAt方法入门实例(用于取得指定位置的字符)
Oct 17 #Javascript
JavaScript字符串对象fromCharCode方法入门实例(用于把Unicode值转换为字符串)
Oct 17 #Javascript
JavaScript onkeypress事件入门实例(按下或按住一个键盘按键)
Oct 17 #Javascript
JavaScript onkeydown事件入门实例(键盘某个按键被按下)
Oct 17 #Javascript
You might like
php中的一些数组排序方法分享
2012/07/20 PHP
深入探讨<br />和 \r\n两者有什么区别??
2013/06/05 PHP
深入解析Session是否必须依赖Cookie
2013/08/02 PHP
CentOS7.0下安装PHP5.6.30服务的教程详解
2018/09/29 PHP
Javascript !!的作用
2008/12/04 Javascript
使用pjax实现无刷新更改页面url
2015/02/05 Javascript
JavaScript子窗口调用父窗口变量和函数的方法
2015/10/09 Javascript
浅谈angular.js中实现双向绑定的方法$watch $digest $apply
2015/10/14 Javascript
BootStrap实现邮件列表的分页和模态框添加邮件的功能
2016/10/13 Javascript
vue的Virtual Dom实现snabbdom解密
2017/05/03 Javascript
值得分享和收藏的xmlplus组件学习教程
2017/05/05 Javascript
微信小程序 rich-text的使用方法
2017/08/04 Javascript
元素全屏的设置与监听实例
2017/11/28 Javascript
vue 返回上一页,页面样式错乱的解决
2019/11/14 Javascript
python检查字符串是否是正确ISBN的方法
2015/07/11 Python
Python的“二维”字典 (two-dimension dictionary)定义与实现方法
2016/04/27 Python
python中异常报错处理方法汇总
2016/11/20 Python
Python线程同步的实现代码
2018/10/03 Python
Flask核心机制之上下文源码剖析
2018/12/25 Python
Python3实现的反转单链表算法示例
2019/03/08 Python
对Python生成器、装饰器、递归的使用详解
2019/07/19 Python
python异常处理和日志处理方式
2019/12/24 Python
python读取dicom图像示例(SimpleITK和dicom包实现)
2020/01/16 Python
解决Tensorboard可视化错误:不显示数据 No scalar data was found
2020/02/15 Python
python numpy实现多次循环读取文件 等间隔过滤数据示例
2020/03/14 Python
使用Keras中的ImageDataGenerator进行批次读图方式
2020/06/17 Python
英国骑行、跑步、游泳、铁人三项运动装备专卖店:Wiggle
2016/08/23 全球购物
Regatta官网:英国最受欢迎的户外服装和鞋类品牌
2019/05/01 全球购物
FirstCry阿联酋儿童和婴儿产品网上购物:FirstCry.ae
2021/02/22 全球购物
写出一个方法实现冒泡排序
2016/07/08 面试题
群众路线领导干部个人对照检查材料(集锦)
2014/09/23 职场文书
元旦标语大全
2014/10/09 职场文书
成品仓库管理员岗位职责
2015/04/09 职场文书
《圆的面积》教学反思
2016/02/19 职场文书
redis sentinel监控高可用集群实现的配置步骤
2022/04/01 Redis
教你使用Jenkins集成Harbor自动发布镜像
2022/04/03 Servers