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 相关文章推荐
javascript 有用的脚本函数
May 07 Javascript
js自定义事件代码说明
Jan 31 Javascript
通过Javascript创建一个选择文件的对话框代码
Jun 16 Javascript
javascript判断是手机还是电脑访问网页的简单实例分享
Jun 03 Javascript
JQuery中节点遍历方法实例
May 18 Javascript
基于jQuery实现美观且实用的倒计时实例代码
Dec 30 Javascript
jQuery+css实现炫目的动态块漂移效果
Jan 28 Javascript
jQuery Validate插件实现表单验证
Aug 19 Javascript
vue.js实现表格合并示例代码
Nov 30 Javascript
带你快速理解javascript中的事件模型
Aug 14 Javascript
微信小程序云开发详细教程
May 16 Javascript
JavaScript canvas实现雪花随机动态飘落
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
多数据表共用一个页的新闻发布
2006/10/09 PHP
PHP 一个比较完善的简单文件上传
2010/03/25 PHP
phpadmin如何导入导出大数据文件及php.ini参数修改
2013/02/18 PHP
PHP 只允许指定IP访问(允许*号通配符过滤IP)
2014/07/08 PHP
PHP使用Pthread实现的多线程操作实例
2015/11/14 PHP
Zend Framework教程之Zend_Config_Xml用法分析
2016/03/23 PHP
深入浅析Yii admin的权限控制
2016/08/31 PHP
PHP并发查询MySQL的实例代码
2017/08/09 PHP
PHP7内核之Reference详解
2019/03/14 PHP
列表内容的选择
2006/06/30 Javascript
javascript 控制弹出窗口
2007/04/10 Javascript
JavaScript表格常用操作方法汇总
2015/04/15 Javascript
jQuery旋转插件jqueryrotate用法详解
2016/10/13 Javascript
浅析jQuery操作select控件的取值和设值
2016/12/07 Javascript
Bootstrap选项卡学习笔记分享
2017/02/13 Javascript
node.js中debug模块的简单介绍与使用
2017/04/25 Javascript
JS 调试中常见的报错问题解决方法
2017/05/20 Javascript
微信小程序 JS动态修改样式的实现方法
2018/12/16 Javascript
python中字符串前面加r的作用
2015/06/04 Python
python3.5使用tkinter制作记事本
2016/06/20 Python
Python md5与sha1加密算法用法分析
2017/07/14 Python
Python中将变量按行写入txt文本中的方法
2018/04/03 Python
基于Python开发chrome插件的方法分析
2018/07/07 Python
django_orm查询性能优化方法
2018/08/20 Python
Python如何获得百度统计API的数据并发送邮件示例代码
2019/01/27 Python
Python用字典构建多级菜单功能
2019/07/11 Python
Python实现打印实心和空心菱形
2019/11/23 Python
python enumerate内置函数用法总结
2020/01/07 Python
Anconda环境下Vscode安装Python的方法详解
2020/03/29 Python
Opencv求取连通区域重心实例
2020/06/04 Python
通过代码简单了解django model序列化作用
2020/11/12 Python
Europcar葡萄牙:葡萄牙汽车和货车租赁
2017/10/13 全球购物
党员学习十八大感想
2014/01/17 职场文书
棉花姑娘教学反思
2014/02/15 职场文书
年度安全生产目标责任书
2014/07/23 职场文书
中国梦党课学习心得体会
2016/01/05 职场文书