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 相关文章推荐
URL编码转换,escape() encodeURI() encodeURIComponent()
Dec 27 Javascript
表单的焦点顺序tabindex和对应enter键提交
Jan 04 Javascript
玩转方法:call和apply
May 08 Javascript
使用AngularJS创建单页应用的编程指引
Jun 19 Javascript
javascript省市区三级联动下拉框菜单实例演示
Nov 29 Javascript
JavaScript仿百度图片浏览效果
Nov 23 Javascript
js面向对象编程总结
Feb 16 Javascript
js中getBoundingClientRect的作用及兼容方案详解
Feb 01 Javascript
基于axios封装fetch方法及调用实例
Feb 05 Javascript
在Vue中使用Compass的方法
Mar 02 Javascript
Javascript 类型转换、封闭函数及常见内置对象操作示例
Nov 15 Javascript
如何用vue实现网页截图你知道吗
Nov 17 Vue.js
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
星际争霸 Starcraft 秘技补丁
2020/03/14 星际争霸
在Mac OS上搭建Nginx+PHP+MySQL开发环境的教程
2015/12/21 PHP
PHP实现权限管理功能示例
2017/09/22 PHP
JavaScript Event学习第五章 高级事件注册模型
2010/02/07 Javascript
超级24小时弹窗代码 24小时退出弹窗代码 100%弹窗代码(IE only)
2010/06/11 Javascript
zeroclipboard复制到剪切板的flash
2010/08/04 Javascript
js null,undefined,字符串小结
2010/08/21 Javascript
jQuery EasyUI API 中文文档 - NumberBox数字框
2011/10/13 Javascript
jQuery实现的经典竖向伸缩菜单效果代码
2015/09/24 Javascript
JavaScript中定义类的方式详解
2016/01/07 Javascript
JavaScript实现iframe自动高度调整和不同主域名跨域
2016/02/27 Javascript
jQuery实现鼠标选文字发新浪微博的方法
2016/04/02 Javascript
JQuery给select添加/删除节点的实现代码
2016/04/26 Javascript
浅谈js函数的多种定义方法与区别
2016/11/29 Javascript
基于AngularJS的简单使用详解
2017/09/10 Javascript
JavaScript继承的特性与实践应用深入详解
2018/12/30 Javascript
微信小程序基于canvas渐变实现的彩虹效果示例
2019/05/03 Javascript
Vue将页面导出为图片或者PDF
2020/08/17 Javascript
JavaScript函数重载操作实例浅析
2020/05/02 Javascript
Python中的文件和目录操作实现代码
2011/03/13 Python
python访问sqlserver示例
2014/02/10 Python
Python中的lstrip()方法使用简介
2015/05/19 Python
Python命名空间的本质和加载顺序
2018/12/17 Python
Python partial函数原理及用法解析
2019/12/11 Python
浅谈Tensorflow 动态双向RNN的输出问题
2020/01/20 Python
中邮全球便购:中国邮政速递物流
2017/03/04 全球购物
珍珠奶茶店创业计划书
2014/01/11 职场文书
员工培训邀请函
2014/02/02 职场文书
机修工工作职责
2014/02/21 职场文书
《日月潭》教学反思
2014/02/28 职场文书
毕业生自荐信格式
2014/03/07 职场文书
总经理助理的职责
2014/03/14 职场文书
网络技术专业求职信
2014/05/02 职场文书
医院2014国庆节活动策划方案
2014/09/21 职场文书
生活委员竞选稿
2015/11/21 职场文书
2022新作动画《福星小子》释出宣传影片 加入内田真礼&宫野真守配音演出
2022/04/08 日漫