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 30 Javascript
Jquery 基础学习笔记
May 29 Javascript
js onkeypress与onkeydown 事件区别详细说明
Dec 13 Javascript
图片翻转效果具体实现代码
Jan 09 Javascript
JS获取客户端IP地址、MAC和主机名的7个方法汇总
Jul 21 Javascript
Bootstrap基本模板的使用和理解1
Dec 14 Javascript
vuejs事件中心管理组件间的通信详解
Aug 09 Javascript
关于JavaScript的单双引号嵌套问题
Aug 20 Javascript
浅谈Vue-cli单文件组件引入less,sass,css样式的不同方法
Mar 13 Javascript
详解vuex之store拆分即多模块状态管理(modules)篇
Nov 13 Javascript
JavaScript实现拖拽效果
Mar 16 Javascript
vue页面更新patch的实现示例
Mar 25 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
修改destoon会员公司的伪静态中的com目录的方法
2014/08/21 PHP
php随机生成数字字母组合的方法
2015/03/18 PHP
php session实现多级目录存放实现代码
2016/02/03 PHP
php array_slice 取出数组中的一段序列实例
2016/11/04 PHP
PHP读取word文档的方法分析【基于COM组件】
2017/08/01 PHP
浅谈PHP封装CURL
2019/03/06 PHP
JavaScript Event事件学习第一章 Event介绍
2010/02/07 Javascript
轻松创建nodejs服务器(9):实现非阻塞操作
2014/12/18 NodeJs
AngularJS快速入门
2015/04/02 Javascript
浅谈javascript中return语句
2015/07/15 Javascript
用JS生成UUID的方法实例
2016/03/30 Javascript
JS简单实现仿百度控制台输出信息效果
2016/09/04 Javascript
Vue.Js中的$watch()方法总结
2017/03/23 Javascript
Node.js中使用mongoose操作mongodb数据库的方法
2017/09/12 Javascript
微信小程序实现指定显示行数多余文字去掉用省略号代替
2018/07/25 Javascript
Vue列表渲染的示例代码
2018/11/01 Javascript
Three.JS实现三维场景
2018/12/30 Javascript
vue19 组建 Vue.extend component、组件模版、动态组件 的实例代码
2019/04/04 Javascript
vue项目中运用webpack动态配置打包多种环境域名的方法
2019/06/24 Javascript
微信小程序自定义tabBar在uni-app的适配详解
2019/09/30 Javascript
[07:48]DOTA2上海特级锦标赛主赛事首日RECAP
2016/03/04 DOTA
python 切片和range()用法说明
2013/03/24 Python
Python中的引用和拷贝浅析
2014/11/22 Python
python在每个字符后添加空格的实例
2018/05/07 Python
在Python中append以及extend返回None的例子
2019/07/20 Python
python常用数据重复项处理方法
2019/11/22 Python
Django接收照片储存文件的实例代码
2020/03/07 Python
VSCode配合pipenv搞定虚拟环境的实现方法
2020/05/17 Python
关于keras中keras.layers.merge的用法说明
2020/05/23 Python
STAY JAPAN台湾:预订日本民宿
2018/07/22 全球购物
优秀实习自我鉴定
2013/12/04 职场文书
改进作风怎么办发言材料
2014/08/17 职场文书
银行会计主管岗位职责
2014/10/01 职场文书
公司保洁员岗位职责
2015/02/13 职场文书
在K8s上部署Redis集群的方法步骤
2021/04/27 Redis
如何判断pytorch是否支持GPU加速
2021/06/01 Python