JavaScript italics方法入门实例(把字符串显示为斜体)


Posted in Javascript onOctober 17, 2014

JavaScript italics 方法

italics 方法返回使用 HTML i 标签属性定义的(斜体)字符串。其语法如下:

str_object.italics()

提示:该方法不符合 ECMA 标准,不建议使用。

italics 方法实例

<script language="JavaScript">
var str = "3water.com";

document.write( str.italics() );
</script>

运行该例子,输出:

3water.com

提示:该方法返回使用 HTML i 标签定义的字符串,即使用该方法并不能动态的改变字体为斜体。如果想动态改变元素字体为斜体,可参考下面的实例:

延伸阅读:改变页面元素字体为斜体

<html>
<script language="JavaScript">
function changFont( x ){

    document.getElementById("article").style.fontStyle = x;

}
</script>
<body>

<p>

<a onClick="changFont('normal');">正常</a> <a onClick="changFont('italic');">斜体</a>

</p>

<p id="article">

我是一些文字 ...<br />

Some Text ...

</p>

</body>

</html>

在该例子中,通过 JavaScript 控制字体 CSS font-style 样式的方式,可动态改变字体(id="article")为斜体。
Javascript 相关文章推荐
javascript在一段文字中的光标处插入其他文字
Aug 26 Javascript
JS将秒换成时分秒实现代码
Sep 03 Javascript
javascript验证只能输入数字和一个小数点示例
Oct 21 Javascript
javascript获取网页宽高方法汇总
Jul 19 Javascript
可以浮动某个物体的jquery控件用法实例
Jul 24 Javascript
详解javascript中对数据格式化的思考
Jan 23 Javascript
基于JavaScript实现下拉列表左右移动代码
Feb 07 Javascript
详解AngularJS1.6版本中ui-router路由中/#!/的解决方法
May 22 Javascript
细说webpack源码之compile流程-入口函数run
Dec 26 Javascript
Javascript中弹窗confirm与prompt的区别
Oct 26 Javascript
基于Koa2写个脚手架模拟接口服务的方法
Nov 27 Javascript
JS实现动态星空背景效果
Nov 01 Javascript
JavaScript fontsize方法入门实例(按照指定的尺寸来显示字符串)
Oct 17 #Javascript
JavaScript fontcolor方法入门实例(按照指定的颜色来显示字符串)
Oct 17 #Javascript
JavaScript bold方法入门实例(把指定文字显示为粗体)
Oct 17 #Javascript
JavaScript lastIndexOf方法入门实例(计算指定字符在字符串中最后一次出现的位置)
Oct 17 #Javascript
JavaScript indexOf方法入门实例(计算指定字符在字符串中首次出现的位置)
Oct 17 #Javascript
JavaScript charCodeAt方法入门实例(用于取得指定位置字符的Unicode编码)
Oct 17 #Javascript
JavaScript字符串对象charAt方法入门实例(用于取得指定位置的字符)
Oct 17 #Javascript
You might like
Ha0k 0.3 PHP 网页木马修改版
2009/10/11 PHP
php获取根域名方法汇总
2014/10/28 PHP
PHP实现表单提交数据的验证处理功能【防SQL注入和XSS攻击等】
2017/07/21 PHP
PHP之多条件混合筛选功能的实现方法
2019/10/09 PHP
在 Laravel 中动态隐藏 API 字段的方法
2019/10/25 PHP
fix-ie5.js扩展在IE5下不能使用的几个方法
2007/08/20 Javascript
window.event快达到全浏览器支持了,以后使用就方便了
2011/11/30 Javascript
jQuery的slideToggle方法实例
2013/05/07 Javascript
jquery操作select方法汇总
2015/02/05 Javascript
javascript中字体浮动效果的简单实例演示
2015/11/18 Javascript
Jquery Easyui分割按钮组件SplitButton使用详解(17)
2016/12/18 Javascript
jQuery Validate 相关参数及常用的自定义验证规则
2017/03/06 Javascript
ionic实现下拉刷新载入数据功能
2017/05/11 Javascript
原生js FileReader对象实现图片上传本地预览效果
2020/03/27 Javascript
JavaScript贪吃蛇小组件实例代码
2017/08/20 Javascript
200行代码实现blockchain 区块链实例详解
2018/03/14 Javascript
Vue封装的可编辑表格插件方法
2018/08/28 Javascript
Vue项目History模式404问题解决方法
2018/10/31 Javascript
JS实现的合并两个有序链表算法示例
2019/02/25 Javascript
Postman动态获取返回值过程详解
2020/06/30 Javascript
python3生成随机数实例
2014/10/20 Python
python matplotlib 在指定的两个点之间连线方法
2018/05/25 Python
浅谈python中np.array的shape( ,)与( ,1)的区别
2018/06/04 Python
更新修改后的Python模块方法
2019/03/03 Python
使用python分析统计自己微信朋友的信息
2019/07/19 Python
使用pycharm在本地开发并实时同步到服务器
2019/08/02 Python
Python Gitlab Api 使用方法
2019/08/28 Python
Python使用__new__()方法为对象分配内存及返回对象的引用示例
2019/09/20 Python
Python列表元素删除和remove()方法详解
2021/01/04 Python
eDreams加拿大:廉价航班、酒店和度假
2019/03/29 全球购物
最新的小工具和卓越的产品设计:Oh That Tech!
2019/08/07 全球购物
计算机毕业生求职信
2014/06/10 职场文书
电子专业求职信
2014/06/19 职场文书
2019年关于小学生课外阅读情况的分析报告
2019/12/02 职场文书
浅谈tf.train.Saver()与tf.train.import_meta_graph的要点
2021/05/26 Python
Python 中的Sympy详细使用
2021/08/07 Python