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获取checkbox的值并post提交
Jan 14 Javascript
jquery实现鼠标滑过小图查看大图的方法
Jul 20 Javascript
深入理解(function(){... })();
Aug 16 Javascript
详解Javascript百度地图接口开发文档中的类和方法
Feb 07 Javascript
使用 Node.js 对文本内容分词和关键词抽取
May 27 Javascript
JS实现不用中间变量temp 实现两个变量值得交换方法
Feb 04 Javascript
记React connect的几种写法(小结)
Sep 18 Javascript
JS闭包原理与应用经典示例
Dec 20 Javascript
轻松解决JavaScript定时器越走越快的问题
May 13 Javascript
JS计算斐波拉切代码实例
Sep 12 Javascript
使用Angular9和TypeScript开发RPG游戏的方法
Mar 25 Javascript
vue集成一个支持图片缩放拖拽的富文本编辑器
Jan 29 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
日本十大最佳动漫,全都是二次元的神级作品
2019/10/05 日漫
测试您的 PHP 水平的题目
2007/05/30 PHP
php GeoIP的使用教程
2011/03/09 PHP
Codeigniter操作数据库表的优化写法总结
2014/06/12 PHP
PHP通过内置函数memory_get_usage()获取内存使用情况
2014/11/20 PHP
php实现将数组转换为XML的方法
2015/03/09 PHP
thinkphp5.0自定义验证规则使用方法
2017/11/16 PHP
js实现权限树的更新权限时的全选全消功能
2009/02/17 Javascript
jQuery javaScript捕获回车事件(示例代码)
2013/11/07 Javascript
js 剪切板应用clipboardData详细解析
2013/12/17 Javascript
kindeditor修复会替换script内容的问题
2015/04/03 Javascript
浅谈JavaScript异常处理语句
2015/06/26 Javascript
javascript下使用Promise封装FileReader
2016/02/19 Javascript
轻松掌握JavaScript状态模式
2016/09/07 Javascript
Vue 固定头 固定列 点击表头可排序的表格组件
2016/11/25 Javascript
JavaScript纯色二维码变成彩色二维码
2020/07/23 Javascript
JS/jQuery实现获取时间的方法及常用类完整示例
2019/03/07 jQuery
VUE接入腾讯验证码功能(滑块验证)备忘
2019/05/07 Javascript
Vue中错误图片的处理的实现代码
2019/11/07 Javascript
vue分页插件的使用方法
2019/12/25 Javascript
通过实例了解Javascript柯里化流程
2020/03/03 Javascript
[04:10]DOTA2英雄梦之声_第11期_圣堂刺客
2014/06/21 DOTA
django创建自定义模板处理器的实例详解
2017/08/14 Python
Python2随机数列生成器简单实例
2017/09/04 Python
python基础 range的用法解析
2019/08/23 Python
Python中list循环遍历删除数据的正确方法
2019/09/02 Python
英国泰坦旅游网站:全球陪同游览,邮轮和铁路旅行
2016/11/29 全球购物
澳洲Chemist Direct药房中文网:澳洲大型线上直邮药房
2019/11/04 全球购物
什么是三层交换,说说和路由的区别在那里
2014/09/01 面试题
纪念建党演讲稿范文
2014/01/13 职场文书
小学班主任培训方案
2014/06/04 职场文书
大学专科求职信
2014/07/02 职场文书
学生夜不归宿检讨书
2014/09/23 职场文书
小学生勤俭节约倡议书
2015/04/29 职场文书
2015年社区科普工作总结
2015/05/13 职场文书
python代码实现备忘录案例讲解
2021/07/26 Python