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 For Beginners(转载)
Jan 05 Javascript
js控制div弹出层实现方法
May 11 Javascript
jQuery中$.each()函数的用法引申实例
May 12 Javascript
Javascript计算二维数组重复值示例代码
Dec 18 Javascript
详解webpack介绍&amp;安装&amp;常用命令
Jun 29 Javascript
JavaScript实现时间表动态效果
Jul 15 Javascript
浅谈vue中数据双向绑定的实现原理
Sep 14 Javascript
谈谈vue中mixin的一点理解
Dec 12 Javascript
js实现各浏览器全屏代码实例
Jul 03 Javascript
Bootstrap Fileinput 4.4.7文件上传实例详解
Jul 25 Javascript
详解Vue webapp项目通过HBulider打包原生APP(vue+webpack+HBulider)
Feb 02 Javascript
微信小程序封装的HTTP请求示例【附升级版】
May 11 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
laravel7学习之无限级分类的最新实现方法
2020/09/30 PHP
THREE.JS入门教程(6)创建自己的全景图实现步骤
2013/01/25 Javascript
浏览器窗口大小变化时使用resize事件对框架不起作用的解决方法
2014/05/11 Javascript
Javascript调用函数方法的几种方式介绍
2015/03/20 Javascript
jQuery插件扩展extend的简单实现原理
2016/06/24 Javascript
Bootstrap基本插件学习笔记之Tooltip提示工具(18)
2016/12/08 Javascript
JS操作input标签属性checkbox全选的实现代码
2017/03/02 Javascript
使用bootstrap插件实现模态框效果
2017/05/10 Javascript
JavaScript中一些特殊的字符运算
2017/08/17 Javascript
React Native 自定义下拉刷新上拉加载的列表的示例
2018/03/01 Javascript
element-ui 限制日期选择的方法(datepicker)
2018/05/16 Javascript
JS实现把一个页面层数据传递到另一个页面的两种方式
2018/08/13 Javascript
详解vue挂载到dom上会发生什么
2019/01/20 Javascript
微信小程序自定义navigationBar顶部导航栏适配所有机型(附完整案例)
2020/04/26 Javascript
Vue + element 实现多选框组并保存已选id集合的示例代码
2020/06/03 Javascript
jdk1.8+vue elementui实现多级菜单功能
2020/09/24 Javascript
[54:17]DOTA2-DPC中国联赛定级赛 RNG vs iG BO3第二场 1月10日
2021/03/11 DOTA
Python算法之栈(stack)的实现
2014/08/18 Python
Python从MP3文件获取id3的方法
2015/06/15 Python
Python计算一个给定时间点前一个月和后一个月第一天的方法
2018/05/29 Python
python opencv实现旋转矩形框裁减功能
2018/07/25 Python
python中的数据结构比较
2019/05/13 Python
python实现异常信息堆栈输出到日志文件
2019/12/26 Python
Python执行时间的几种计算方法
2020/07/31 Python
Python3中的tuple函数知识点讲解
2021/01/03 Python
Html5 Canvas动画基础碰撞检测的实现
2018/12/06 HTML / CSS
德国狗狗用品在线商店:Schecker
2017/03/17 全球购物
全球销量第一生发产品:Viviscal
2017/12/21 全球购物
马来西亚与新加坡长途巴士售票网站:BusOnlineTicket.com
2018/11/05 全球购物
Jar包的作用是什么
2014/03/30 面试题
代理人委托书
2014/09/16 职场文书
导游词之桂林山水
2019/09/20 职场文书
sql查询结果列拼接成逗号分隔的字符串方法
2021/05/25 SQL Server
什么是动态刷新率DRR? Windows11动态刷新率功能介绍
2021/11/21 数码科技
WebRTC记录音视频流(web技术分享)
2022/02/24 Javascript
python对文档中元素删除,替换操作
2022/04/02 Python