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 相关文章推荐
让iframe框架网页在任何浏览器下自动伸缩
Aug 18 Javascript
解决jquery的.animate()函数在IE6下的问题
Dec 03 Javascript
Chrome中JSON.parse的特殊实现
Jan 12 Javascript
jquery 淡入淡出效果的简单实现
Feb 07 Javascript
js使用for循环与innerHTML获取选中tr下td值
Sep 26 Javascript
JS实现仿中关村论坛评分后弹出提示效果的方法
Feb 23 Javascript
Angular2学习笔记——详解NgModule模块
Dec 02 Javascript
文件上传的几个示例分享【推荐】
Dec 16 Javascript
JavaScript编写九九乘法表(两种任选)
Feb 04 Javascript
angular或者js怎么确定选中ul中的哪几个li
Aug 16 Javascript
vue vantUI实现文件(图片、文档、视频、音频)上传(多文件)
Oct 15 Javascript
jsonp格式前端发送和后台接受写法的代码详解
Nov 07 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 5.0对象模型深度探索之属性和方法
2008/03/27 PHP
PHP判断文件是否存在、是否可读、目录是否存在的代码
2012/10/03 PHP
PHP批量检测并去除文件BOM头代码实例
2014/05/08 PHP
ThinkPHP自动完成中使用函数与回调方法实例
2014/11/29 PHP
javascript 禁止复制网页
2009/06/11 Javascript
Google Maps API地图应用示例分享
2014/10/23 Javascript
javascript框架设计读书笔记之数组的扩展与修复
2014/12/02 Javascript
轻松创建nodejs服务器(1):一个简单nodejs服务器例子
2014/12/18 NodeJs
后台获取ZTREE选中节点的方法
2015/02/12 Javascript
Java File类的常用方法总结
2015/03/18 Javascript
javascript实现随机显示星星特效
2016/01/28 Javascript
快速掌握Node.js事件驱动模型
2016/03/21 Javascript
AngularJS实现用户登录状态判断的方法(Model添加拦截过滤器,路由增加限制)
2016/12/12 Javascript
原生JS实现图片轮播切换效果
2016/12/15 Javascript
bootstrap datetimepicker实现秒钟选择下拉框
2017/01/05 Javascript
javascript笔记之匿名函数和闭包
2017/02/06 Javascript
浅谈通过JS拦截 pushState和replaceState事件
2017/07/21 Javascript
红黑树的插入详解及Javascript实现方法示例
2018/03/26 Javascript
React为 Vue 引入容器组件和展示组件的教程详解
2018/05/03 Javascript
vee-validate vue 2.0自定义表单验证的实例
2018/08/28 Javascript
vue使用原生js实现滚动页面跟踪导航高亮的示例代码
2018/10/25 Javascript
vue实现路由懒加载及组件懒加载的方式
2019/06/11 Javascript
layui禁用侧边导航栏点击事件的解决方法
2019/09/25 Javascript
es6数组的flat(),flatMap()函数用法实例分析
2020/04/18 Javascript
Vue Element校验validate的实例
2020/09/21 Javascript
python根据出生日期获得年龄的方法
2015/03/31 Python
Python安装第三方库及常见问题处理方法汇总
2016/09/13 Python
Python selenium如何设置等待时间
2016/09/15 Python
python实现网站微信登录的示例代码
2019/09/18 Python
pygame实现俄罗斯方块游戏(基础篇3)
2019/10/29 Python
pycharm 多行批量缩进和反向缩进快捷键介绍
2021/01/15 Python
构造方法和其他方法的区别?怎么调用父类的构造方法
2013/09/22 面试题
教师师德师风整改措施
2014/10/24 职场文书
小学音乐课歌曲《堆雪人》教学反思
2016/02/18 职场文书
浅析Python OpenCV三种滤镜效果
2022/04/11 Python
Oracle锁表解决方法的详细记录
2022/06/05 Oracle