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 27 Javascript
用jquery实现的模拟QQ邮箱里的收件人选取及其他效果(一)
Jan 06 Javascript
javascript 获取图片尺寸及放大图片
Sep 04 Javascript
判断一个变量是数组Array类型的方法
Sep 16 Javascript
jQuery实现的一个自定义Placeholder属性插件
Aug 11 Javascript
深入php面向对象、模式与实践
Feb 16 Javascript
JavaScript运动框架 多物体任意值运动(三)
May 17 Javascript
在Vue中如何使用Cookie操作实例
Jul 27 Javascript
Vue2.0实现调用摄像头进行拍照功能 exif.js实现图片上传功能
Apr 28 Javascript
中高级前端必须了解的JS中的内存管理(推荐)
Jul 04 Javascript
微信小程序之几种常见的弹框提示信息实现详解
Jul 11 Javascript
vue 获取及修改store.js里的公共变量实例
Nov 06 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安装全攻略:APACHE
2006/10/09 PHP
Codeigniter上传图片出现“You did not select a file to upload”错误解决办法
2014/06/12 PHP
PHP类的声明与实例化及构造方法与析构方法详解
2016/01/26 PHP
PHP实现自动识别原编码并对字符串进行编码转换的方法
2016/07/13 PHP
jquery调用wcf并展示出数据的方法
2011/07/07 Javascript
js过滤HTML标签以及空格的思路及代码
2013/05/24 Javascript
JavaScript中string转换成number介绍
2014/12/31 Javascript
讲解JavaScript中for...in语句的使用方法
2015/06/03 Javascript
使用javaScript动态加载Js文件和Css文件
2015/10/24 Javascript
jQuery实现带分组数据的Table表头排序实例分析
2015/11/24 Javascript
轻松实现Bootstrap图片轮播
2020/04/20 Javascript
Angularjs在初始化未完毕时出现闪烁问题的解决方法分析
2016/08/05 Javascript
jQuery ajax请求struts action实现异步刷新
2017/04/19 jQuery
解决vue多个路由共用一个页面的问题
2018/03/12 Javascript
关于vue2强制刷新,解决页面不会重新渲染的问题
2019/10/29 Javascript
vue中如何添加百度统计代码
2020/12/19 Vue.js
[02:15]2014DOTA2国际邀请赛 专访LGD.lin小兔子是大腿
2014/07/14 DOTA
[37:47]IG vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
[01:16:28]DOTA2-DPC中国联赛 正赛 iG vs Magma BO3 第二场 2月23日
2021/03/11 DOTA
详解Python的Django框架中的templates设置
2015/05/11 Python
python清除字符串里非数字字符的方法
2015/07/02 Python
深入浅析Python中的yield关键字
2018/01/24 Python
python实现word 2007文档转换为pdf文件
2018/03/15 Python
ubuntu 18.04 安装opencv3.4.5的教程(图解)
2019/11/04 Python
将python安装信息加入注册表的示例
2019/11/20 Python
Pytorch中实现只导入部分模型参数的方式
2020/01/02 Python
图解CSS3制作圆环形进度条的实例教程
2016/05/26 HTML / CSS
One.com挪威:北欧成长最快的网络托管公司
2016/11/19 全球购物
Tahari ASL官方网站:高级设计师女装
2021/03/15 全球购物
应届毕业生应聘自荐信范文
2014/02/26 职场文书
中国好声音华少广告词
2014/03/17 职场文书
群众路线剖析材料(四风)
2014/11/05 职场文书
服务整改报告
2014/11/06 职场文书
创业计划书详解
2019/07/19 职场文书
Python中递归以及递归遍历目录详解
2021/10/24 Python
详解Python+OpenCV进行基础的图像操作
2022/02/15 Python