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 相关文章推荐
网页常用特效代码整理
Jun 23 Javascript
JavaScript用JQuery呼叫Server端方法示例代码
Sep 03 Javascript
jQuery中on()方法用法实例
Jan 19 Javascript
Vue方法与事件处理器详解
Dec 01 Javascript
JavaScript中利用构造器函数模拟类的方法
Feb 16 Javascript
解决Linux无法正常安装与卸载Node.js的方法
Jan 19 Javascript
百度地图去掉marker覆盖物或者去掉maker的label文字方法
Jan 26 Javascript
原生js调用json方法总结
Feb 22 Javascript
Angular模版驱动表单的使用总结
May 05 Javascript
微信小程序实现基于三元运算验证手机号/姓名功能示例
Jan 19 Javascript
Node对CommonJS的模块规范
Nov 06 Javascript
JS highcharts动态柱状图原理及实现
Oct 16 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/09/03 PHP
PHP学习笔记 (1) 环境配置与代码调试
2011/06/19 PHP
PHP基础知识回顾
2012/08/16 PHP
PHP读取文本文件并逐行输出该行使用最多的字符与对应次数的方法
2016/11/25 PHP
强制设为首页代码
2006/06/19 Javascript
jquery设置text的值示例(设置文本框 DIV 表单值)
2014/01/06 Javascript
自己封装的javascript事件队列函数版
2014/06/12 Javascript
jquery.validate.js插件使用经验记录
2014/07/02 Javascript
javascript中eval函数用法分析
2015/04/25 Javascript
Javascript闭包(Closure)详解
2015/05/05 Javascript
jQuery实现分隔条左右拖动功能
2015/11/21 Javascript
教你如何在Node.js中使用jQuery
2016/08/28 Javascript
JavaScript之生成器_动力节点Java学院整理
2017/06/30 Javascript
基于JavaScript实现淘宝商品广告效果
2017/08/10 Javascript
浅析Angular19 自定义表单控件
2018/01/31 Javascript
JS+HTML5 Canvas实现简单的写字板功能示例
2018/08/30 Javascript
详解Node.js amqplib 连接 Rabbit MQ最佳实践
2019/01/24 Javascript
axios如何取消重复无用的请求详解
2019/12/15 Javascript
在Vue 中实现循环渲染多个相同echarts图表
2020/07/20 Javascript
深入理解javascript中的this
2021/02/08 Javascript
[01:10]DOTA2亚洲邀请赛 征战号角响彻全场
2015/01/06 DOTA
[53:15]Mineski vs iG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
网站渗透常用Python小脚本查询同ip网站
2017/05/08 Python
python调用摄像头显示图像的实例
2018/08/03 Python
Python实现一个数组除以一个数的例子
2019/07/20 Python
简单的Python调度器Schedule详解
2019/08/30 Python
python numpy--数组的组合和分割实例
2020/02/24 Python
学python爬虫能做什么
2020/07/29 Python
图解Python中深浅copy(通俗易懂)
2020/09/03 Python
2015年毕业生自我鉴定模板
2014/09/19 职场文书
旷工辞退通知书
2015/04/17 职场文书
公司聚餐通知
2015/04/22 职场文书
观看《杨善洲》宣传教育片心得体会
2016/01/23 职场文书
2016年共产党员个人承诺书
2016/03/24 职场文书
spring boot项目application.properties文件存放及使用介绍
2021/06/30 Java/Android
MySQL生成千万测试数据以及遇到的问题
2022/08/05 MySQL