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 相关文章推荐
许愿墙中用到的函数
Oct 07 Javascript
javascript 伪数组实现方法
Oct 11 Javascript
JQuery开发的数独游戏代码
Oct 29 Javascript
关于Ext中form移除textfield方法:hide(),setVisible(false),remove()
Dec 02 Javascript
js实现网页倒计时、网站已运行时间功能的代码3例
Apr 14 Javascript
深入解析JavaScript编程中的this关键字使用
Nov 09 Javascript
JavaScript中日期函数的相关操作知识
Aug 03 Javascript
js判断checkbox是否选中个数的方法(超简单)
Aug 19 Javascript
javascript实现鼠标点击页面 移动DIV
Dec 02 Javascript
jQuery实现表格元素动态创建功能
Jan 09 Javascript
网页中右键功能的实现方法之contextMenu的使用
Feb 20 Javascript
JS运动特效之链式运动分析
Jan 24 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
php页面缓存ob系列函数介绍
2012/10/18 PHP
windows7下安装php的imagick和imagemagick扩展教程
2014/07/04 PHP
PHPExcel导出2003和2007的excel文档功能示例
2017/01/04 PHP
基础的prototype.js常用函数及其用法
2007/03/10 Javascript
自动完成JS类(纯JS, Ajax模式)
2009/03/12 Javascript
原生javascript实现图片轮播效果代码
2010/09/03 Javascript
javascript实现文字图片上下滚动的具体实例
2013/06/28 Javascript
使用js获取地址栏中传递的值
2013/07/02 Javascript
jquery.validate的使用说明介绍
2013/11/12 Javascript
抛弃Nginx使用nodejs做反向代理服务器
2014/07/17 NodeJs
jquery结婚电子请柬特效源码分享
2015/08/21 Javascript
jQuery超简单选项卡完整实例
2015/09/26 Javascript
JavaScript实现多种排序算法
2016/02/24 Javascript
JS+Canvas实现的俄罗斯方块游戏完整实例
2016/12/12 Javascript
阿里大于短信验证码node koa2的实现代码(最新)
2017/09/07 Javascript
JavaScript实现二叉树的先序、中序及后序遍历方法详解
2017/10/26 Javascript
元素全屏的设置与监听实例
2017/11/28 Javascript
基于vue-cli搭建多模块且各模块独立打包的项目
2019/06/12 Javascript
微信小程序实现上传图片裁剪图片过程解析
2019/08/22 Javascript
vue更改数组中的值实例代码详解
2020/02/07 Javascript
JavaScript Date对象功能与用法学习记录
2020/04/28 Javascript
[04:19]DOTA2亚洲邀请赛 现场花絮
2015/03/11 DOTA
[03:36]2015国际邀请赛第二日现场精彩集锦
2015/08/06 DOTA
Python不规范的日期字符串处理类
2014/06/10 Python
Python中使用Boolean操作符做真值测试实例
2015/01/30 Python
Python判断两个文件是否相同与两个文本进行相同项筛选的方法
2019/03/01 Python
python实现图片转字符画
2021/02/19 Python
Russell Stover巧克力官方网站:美国领先的精美巧克力制造商
2016/11/27 全球购物
澳大利亚排名第一的在线酒类商店:MyBottleShop
2018/04/26 全球购物
《孔子游春》教学反思
2014/02/25 职场文书
大学信息公开实施方案
2014/03/09 职场文书
安全生产计划书
2014/05/04 职场文书
安全保证书
2015/01/16 职场文书
幼儿园三八妇女节活动总结
2015/02/06 职场文书
Python中requests做接口测试的方法
2021/05/30 Python
自动在Windows中运行Python脚本并定时触发功能实现
2021/09/04 Python