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 相关文章推荐
求得div 下 img的src地址的js代码
Feb 28 Javascript
基于jQuery的淡入淡出可自动切换的幻灯插件打包下载
Sep 15 Javascript
jQuery操作Select选择的Text和Value(获取/设置/添加/删除)
Mar 06 Javascript
jquery中的ajax方法怎样通过JSONP进行远程调用
May 04 Javascript
jQuery修改class属性和CSS样式整理
Jan 30 Javascript
js编写的treeview使用方法
Nov 11 Javascript
通过Ajax使用FormData对象无刷新上传文件方法
Dec 08 Javascript
bootstrap多层模态框滚动条消失的问题
Jul 21 Javascript
JS代码实现电脑配置检测功能
Mar 21 Javascript
vue+element实现表单校验功能
May 20 Javascript
JavaScript实现音乐导航效果
Nov 19 Javascript
Handtrack.js库实现实时监测手部运动(推荐)
Feb 08 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
从一个不错的留言本弄的mysql数据库操作类
2007/09/02 PHP
又一个PHP实现的冒泡排序算法分享
2014/08/21 PHP
Yii 2.0自带的验证码使用经验分享
2017/06/19 PHP
PHP getNamespaces()函数讲解
2019/02/03 PHP
ext 列表页面关于多行查询的办法
2010/03/25 Javascript
javascript预览上传图片发现的问题的解决方法
2010/11/25 Javascript
基于jquery的动态创建表格的插件
2011/04/05 Javascript
动态添加option及createElement使用示例
2014/01/26 Javascript
Jquery中基本选择器用法实例详解
2015/05/18 Javascript
谈谈jQuery之Deferred源码剖析
2016/12/19 Javascript
AngularJS之自定义服务详解(factory、service、provider)
2017/04/14 Javascript
利用jquery如何从json中读取数据追加到html中
2017/12/01 jQuery
node.js使用express框架进行文件上传详解
2019/03/03 Javascript
JavaScript中的全局属性与方法深入解析
2020/06/14 Javascript
js实现双色球效果
2020/08/02 Javascript
解决vue 使用axios.all()方法发起多个请求控制台报错的问题
2020/11/09 Javascript
python list 合并连接字符串的方法
2013/03/09 Python
python字典多条件排序方法实例
2014/06/30 Python
Python入门篇之函数
2014/10/20 Python
python 的 scapy库,实现网卡收发包的例子
2019/07/23 Python
在TensorFlow中屏蔽warning的方式
2020/02/04 Python
在python中logger setlevel没有生效的解决
2020/02/21 Python
django实现模板中的字符串文字和自动转义
2020/03/31 Python
澳大利亚制造的蜡烛和扩散器:Glasshouse Fragrances
2018/05/20 全球购物
中国领先的汽车保养服务平台:途虎养车
2019/10/18 全球购物
收银员岗位职责
2014/02/07 职场文书
母婴店促销方案
2014/03/05 职场文书
村干部承诺书
2014/03/28 职场文书
部门活动策划方案
2014/08/16 职场文书
4s店活动策划方案
2014/08/25 职场文书
土木工程专业本科生求职信
2014/10/01 职场文书
故意伤害罪辩护词
2015/05/21 职场文书
挂职锻炼工作总结2015
2015/05/28 职场文书
高中家长意见怎么写
2015/06/03 职场文书
老兵退伍感言
2015/08/03 职场文书
导游词之青城山景区
2019/09/27 职场文书