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 相关文章推荐
JQuery SELECT单选模拟jQuery.select.js
Nov 12 Javascript
Highcharts 非常实用的Javascript统计图demo示例
Jul 03 Javascript
js中的屏蔽的使用示例
Jul 30 Javascript
JQuery复制DOM节点的方法
Jun 11 Javascript
BootStrap使用popover插件实现鼠标经过显示并保持显示框
Jun 23 Javascript
完美解决mui框架off-canvas侧滑超出部分隐藏无法滚动的问题
Jan 25 Javascript
利用Blob进行文件上传的完整步骤
Aug 02 Javascript
微信小程序授权登录及解密unionId出错的方法
Sep 26 Javascript
Angular7.2.7路由使用初体验
Mar 01 Javascript
深入理解Puppeteer的入门教程和实践
Mar 05 Javascript
在JavaScript中使用严格模式(Strict Mode)
Jun 13 Javascript
详解JVM系列之内存模型
Jun 10 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
PHP5中的this,self和parent关键字详解教程
2007/03/19 PHP
PHP+FLASH实现上传文件进度条相关文件 下载
2007/07/21 PHP
smarty模板引擎从配置文件中获取数据的方法
2015/01/22 PHP
理解Javascript_14_函数形式参数与arguments
2010/10/20 Javascript
js网页侧边随页面滚动广告效果实现
2011/04/14 Javascript
js实现局部页面打印预览原理及示例代码
2014/07/03 Javascript
jquery插件splitScren实现页面分屏切换模板特效
2015/06/16 Javascript
js采用concat和sort将N个数组拼接起来的方法
2016/01/21 Javascript
js基于cookie方式记住返回页面用法示例
2016/05/27 Javascript
深入理解jQuery 事件处理
2016/06/14 Javascript
详谈js中标准for循环与foreach(for in)的区别
2017/11/02 Javascript
vue登录路由验证的实现
2017/12/13 Javascript
为什么说JavaScript预解释是一种毫无节操的机制详析
2018/11/18 Javascript
vue路由传参页面刷新参数丢失问题解决方案
2019/10/08 Javascript
JavaScript TAB栏切换效果的示例
2020/11/05 Javascript
[54:17]DOTA2-DPC中国联赛定级赛 RNG vs iG BO3第二场 1月10日
2021/03/11 DOTA
Python3 正在毁灭 Python的原因分析
2014/11/28 Python
Windows系统下多版本pip的共存问题详解
2017/10/10 Python
Python 12306抢火车票脚本
2018/02/07 Python
Django ORM多对多查询方法(自定义第三张表&amp;ManyToManyField)
2019/08/09 Python
python+selenium定时爬取丁香园的新型冠状病毒数据并制作出类似的地图(部署到云服务器)
2020/02/09 Python
tensorflow 实现数据类型转换
2020/02/17 Python
python numpy矩阵信息说明,shape,size,dtype
2020/05/22 Python
巴西化妆品商店:Lojas Rede
2019/07/26 全球购物
什么时候需要进行强制类型转换
2016/09/03 面试题
交通专业个人自荐信格式
2013/09/23 职场文书
护士自荐信怎么写
2013/10/18 职场文书
护理专业自我鉴定
2014/01/30 职场文书
2014年销售部工作总结
2014/12/01 职场文书
2015年民主生活会发言材料
2014/12/15 职场文书
考试作弊检讨书
2015/01/27 职场文书
2015年出纳个人工作总结
2015/04/02 职场文书
企业安全生产检查制度
2015/08/06 职场文书
优秀学生干部主要事迹材料
2015/11/04 职场文书
Nginx解决前端访问资源跨域问题的方法详解
2021/03/31 Servers
Java 在生活中的 10 大应用
2021/11/02 Java/Android