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 相关文章推荐
基于jquery的$.ajax async使用
Oct 19 Javascript
jQuery实现简单的列表式导航菜单效果代码
Aug 31 Javascript
jQuery+Ajax实现无刷新操作
Jan 04 Javascript
JS运动相关知识点小结(附弹性运动示例)
Jan 08 Javascript
js父页面中使用子页面的方法
Jan 09 Javascript
PHP捕捉异常中断的方法
Oct 24 Javascript
基于javascript实现按圆形排列DIV元素(一)
Dec 02 Javascript
JavaScript 数据类型详解
Mar 13 Javascript
原生js封装自定义滚动条
Mar 24 Javascript
AnglarJs中的上拉加载实现代码
Feb 08 Javascript
es6函数之尾调用优化实例分析
Apr 25 Javascript
JavaScript实现网页留言板功能
Nov 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
php动态添加url查询参数的方法
2015/04/14 PHP
判断、添加和删除WordPress置顶文章的相关PHP函数小结
2015/12/10 PHP
PHP dirname简单使用代码实例
2020/11/13 PHP
基于jQuery图片平滑连续滚动插件
2009/04/27 Javascript
javascript判断机器是否联网的2种方法
2013/08/09 Javascript
JavaScript类属性的访问方式详解
2014/02/11 Javascript
JavaScript中的ubound函数使用实例
2014/11/04 Javascript
深入理解JavaScript系列(48):对象创建模式(下篇)
2015/03/04 Javascript
JS实现自动变化的导航菜单效果代码
2015/09/09 Javascript
jQuery实现有动画淡出效果的二级折叠菜单代码
2015/10/17 Javascript
jQuery中iframe的操作(点击按钮新增窗口)
2016/04/20 Javascript
数据结构中的各种排序方法小结(JS实现)
2016/07/23 Javascript
对js eval()函数的一些见解
2016/08/15 Javascript
AngularJS  自定义指令详解及实例代码
2016/09/14 Javascript
AngularJS递归指令实现Tree View效果示例
2016/11/07 Javascript
利用node.js制作命令行工具方法教程(一)
2017/06/22 Javascript
Easyui 关闭jquery-easui tab标签页前触发事件的解决方法
2019/04/28 jQuery
浅析Python中的多进程与多线程的使用
2015/04/07 Python
浅谈机器学习需要的了解的十大算法
2017/12/15 Python
Python全排列操作实例分析
2018/07/24 Python
numpy.transpose()实现数组的转置例子
2019/12/02 Python
Python3直接爬取图片URL并保存示例
2019/12/18 Python
Selenium 滚动页面至元素可见的方法
2020/03/18 Python
Python中logging日志的四个等级和使用
2020/11/17 Python
使用HTML5 Canvas API中的clip()方法裁剪区域图像
2016/03/25 HTML / CSS
HTML5中的Web Notification桌面通知功能的实现方法
2019/07/29 HTML / CSS
美国瑜伽品牌:Gaiam
2017/10/31 全球购物
介绍一下linux文件系统分配策略
2013/02/25 面试题
优秀毕业生求职信范文
2014/01/02 职场文书
2014年应急工作总结
2014/12/11 职场文书
终止解除劳动合同证明书
2015/06/17 职场文书
公司保密管理制度
2015/08/04 职场文书
小学校园广播稿
2015/08/18 职场文书
2019学校运动会开幕词
2019/05/13 职场文书
JavaScript继承的三种方法实例
2021/05/12 Javascript
python tqdm用法及实例详解
2021/06/16 Python