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 相关文章推荐
根据身份证号自动输出相关信息(籍贯,出身日期,性别)
Nov 15 Javascript
jQuery滚动条插件nanoscroller使用指南
Apr 21 Javascript
jQuery实现的漂亮表单效果代码
Aug 18 Javascript
JavaScript判断按钮被点击的方法
Dec 13 Javascript
基于javascript实现的快速排序
Dec 02 Javascript
Angular.js指令学习中一些重要属性的用法教程
May 24 Javascript
十个免费的web前端开发工具详细整理
Sep 18 Javascript
Angular实现的table表格排序功能完整示例
Dec 22 Javascript
Vue 中axios配置实例详解
Jul 27 Javascript
详解vue-cli3使用
Aug 14 Javascript
详解JavaScript事件循环机制
Sep 07 Javascript
layer扩展打开/关闭动画的方法
Sep 23 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
实用函数8
2007/11/08 PHP
Windows下XDebug 手工配置与使用说明
2010/07/11 PHP
ThinkPHP3.1新特性之动态设置自动完成及自动验证示例代码
2014/06/23 PHP
PHP中list()函数用法实例简析
2016/01/08 PHP
document.createElement()用法
2013/03/13 Javascript
用jquery生成二级菜单的实例代码
2013/06/24 Javascript
jQuery提交多个表单的小技巧
2014/07/27 Javascript
node.js中的path.dirname方法使用说明
2014/12/09 Javascript
原生javascript实现隔行换色
2015/01/04 Javascript
微信小程序 页面传参实例详解
2016/11/16 Javascript
利用Query+bootstrap和js两种方式实现日期选择器
2017/01/10 Javascript
使用vue实现点击按钮滑出面板的实现代码
2017/01/10 Javascript
JavaScript之RegExp_动力节点Java学院整理
2017/06/29 Javascript
详解Vue.js Mixins 混入使用
2017/09/15 Javascript
浅谈Angular2 模块懒加载的方法
2017/10/04 Javascript
js实现登录与注册界面
2017/11/01 Javascript
详解如何在angular2中获取节点
2017/11/23 Javascript
react配合antd组件实现的管理系统示例代码
2018/04/24 Javascript
angular4中*ngFor不能对返回来的对象进行循环的解决方法
2018/09/12 Javascript
nodejs对mongodb数据库的增加修删该查实例代码
2020/01/05 NodeJs
[02:05]2014DOTA2西雅图国际邀请赛 BBC第二天小组赛总结
2014/07/11 DOTA
Python实现全角半角转换的方法
2014/08/18 Python
Python3爬虫爬取百姓网列表并保存为json功能示例【基于request、lxml和json模块】
2018/12/05 Python
python可视化爬虫界面之天气查询
2019/07/03 Python
在PyCharm中实现添加快捷模块
2020/02/12 Python
Python如何使用paramiko模块连接linux
2020/03/18 Python
Python如何生成xml文件
2020/06/04 Python
Python HTMLTestRunner如何下载生成报告
2020/09/04 Python
python对 MySQL 数据库进行增删改查的脚本
2020/10/22 Python
教师研修随笔感言
2014/01/23 职场文书
简历中自我评价怎么写
2014/02/12 职场文书
巾帼文明岗汇报材料
2014/12/24 职场文书
亮剑精神观后感
2015/06/05 职场文书
银行求职信范文
2019/05/13 职场文书
实用求职信模板范文
2019/05/13 职场文书
redis实现排行榜功能
2021/05/24 Redis