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事件串连执行多个处理过程的方法
Mar 09 Javascript
javascript实现tabs选项卡切换效果(自写原生js)
Mar 19 Javascript
jquery中 $.expr使用实例介绍
Jun 09 Javascript
一个JavaScript去除字符串末尾的空白实例代码
Sep 22 Javascript
angularJS中$apply()方法详解
Jan 07 Javascript
JavaScript实现LI列表数据绑定的方法
Aug 04 Javascript
12个超实用的JQuery代码片段
Nov 02 Javascript
Express实现前端后端通信上传图片之存储数据库(mysql)傻瓜式教程(二)
Dec 10 Javascript
基于jquery实现图片相关操作(重绘、获取尺寸、调整大小、缩放)
Dec 25 Javascript
基于JS实现bookstore静态页面的实例代码
Feb 22 Javascript
使用VUE实现在table中文字信息超过5个隐藏鼠标移到时弹窗显示全部
Sep 16 Javascript
原生JavaScript实现的无缝滚动功能详解
Jan 17 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 缓冲的免费实现方法
2006/10/09 PHP
php str_pad() 将字符串填充成指定长度的字符串
2010/02/23 PHP
PHP输出缓存ob系列函数详解
2014/03/11 PHP
thinkPHP3.2.3实现阿里大于短信验证的方法
2018/06/06 PHP
通过JQuery实现win8一样酷炫的动态磁贴效果(示例代码)
2013/07/13 Javascript
js导航栏单击事件背景变换示例代码
2014/01/13 Javascript
qq悬浮代码(兼容各个浏览器)
2014/01/29 Javascript
Javascript排序算法之合并排序(归并排序)的2个例子
2014/04/04 Javascript
jquery实现图片按比例缩放示例
2014/07/01 Javascript
node.js中的fs.unlinkSync方法使用说明
2014/12/15 Javascript
JavaScript判断数组是否包含指定元素的方法
2015/07/01 Javascript
jQuery实现的给图片点赞+1动画效果(附在线演示及demo源码下载)
2015/12/31 Javascript
node.js实现端口转发
2016/04/14 Javascript
Jquery实现$.fn.extend和$.extend函数
2016/04/14 Javascript
jQuery布局组件EasyUI Layout使用方法详解
2017/02/28 Javascript
javascript实现二叉树的代码
2017/06/08 Javascript
vue-loader教程介绍
2017/06/14 Javascript
vue路由嵌套的SPA实现步骤
2017/11/06 Javascript
对Vue.js之事件的绑定(v-on: 或者 @ )详解
2018/09/15 Javascript
vue请求本地自己编写的json文件的方法
2019/04/25 Javascript
countUp.js实现数字滚动效果
2019/10/18 Javascript
微信小程序学习总结(三)条件、模板、文件引用实例分析
2020/06/04 Javascript
[43:43]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第三场 11.29
2020/12/02 DOTA
python常用函数详解
2016/09/13 Python
Python正则表达式教程之二:捕获篇
2017/03/02 Python
机器学习经典算法-logistic回归代码详解
2017/12/22 Python
scrapy头部修改的方法详解
2020/12/06 Python
Python3 + Appium + 安卓模拟器实现APP自动化测试并生成测试报告
2021/01/27 Python
高性能装备提升营地:Kammok
2019/02/27 全球购物
Kipling澳洲官网:购买凯浦林包包
2020/12/17 全球购物
前台接待岗位职责
2013/12/03 职场文书
入党思想汇报
2014/01/05 职场文书
自荐信模板大全
2015/03/27 职场文书
2016新年晚会开场白
2015/12/03 职场文书
mysql 如何获取两个集合的交集/差集/并集
2021/06/08 MySQL
Java数据开发辅助工具Docker与普通程序使用方法
2021/09/15 Java/Android