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 相关文章推荐
脚本吧 - 幻宇工作室用到js,超强推荐share.js
Dec 23 Javascript
Jquery替换已存在于element上的event的方法
Mar 09 Javascript
Extjs中DisplayField的日期或者数字格式化扩展
Sep 03 Javascript
SOSO地图JS画出标注和中心点以html形式运行
Aug 09 Javascript
JQuery触发事件例如click
Sep 11 Javascript
JavaScript格式化日期时间的方法和自定义格式化函数示例
Apr 04 Javascript
jQuery控制元素显示、隐藏、切换、滑动的方法总结
Apr 16 Javascript
JS组件Form表单验证神器BootstrapValidator
Jan 26 Javascript
Jq通过td获取同行其它列td的方法
Oct 05 Javascript
详细讲解vue2+vuex+axios
May 27 Javascript
Vue自定义指令写法与个人理解
Feb 09 Javascript
vue项目中企业微信使用js-sdk时config和agentConfig配置方式详解
Dec 15 Vue.js
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
服务器上配置PHP运行环境教程
2015/02/12 PHP
php类中的$this,static,final,const,self这几个关键字使用方法
2015/12/14 PHP
PHP附件下载中文名称乱码的解决方法
2015/12/17 PHP
PHP实现验证码校验功能
2017/11/16 PHP
解决jquery .ajax 在IE下卡死问题的解决方法
2009/10/26 Javascript
JS和函数式语言的三特性
2014/03/05 Javascript
JQuery实现带排序功能的权限选择实例
2015/05/18 Javascript
BootStrap智能表单实战系列(四)表单布局介绍
2016/06/13 Javascript
jquery easyUI中ajax异步校验用户名
2016/08/19 Javascript
knockoutjs动态加载外部的file作为component中的template数据源的实现方法
2016/09/01 Javascript
ReactNative-JS 调用原生方法实例代码
2016/10/08 Javascript
简单几步实现返回顶部效果
2016/12/05 Javascript
详解vue 数组和对象渲染问题
2018/09/21 Javascript
基于Angular中ng-controller父子级嵌套的相关属性详解
2018/10/08 Javascript
详解一次Vue低版本安卓白屏问题的解决过程
2019/05/30 Javascript
JavaScript 反射和属性赋值实例解析
2019/10/28 Javascript
node.js 使用 net 模块模拟 websocket 握手进行数据传递操作示例
2020/02/11 Javascript
vue-列表下详情的展开与折叠案例
2020/07/28 Javascript
Python采用socket模拟TCP通讯的实现方法
2014/11/19 Python
深入Python函数编程的一些特性
2015/04/13 Python
浅谈numpy数组中冒号和负号的含义
2018/04/18 Python
Django2 连接MySQL及model测试实例分析
2019/12/10 Python
python GUI库图形界面开发之PyQt5结合Qt Designer创建信号与槽的详细方法与实例
2020/03/08 Python
python RSA加密的示例
2020/12/09 Python
深入解读CSS3中transform变换模型的渲染
2016/05/27 HTML / CSS
html5 svg 中元素点击事件添加方法
2013/01/16 HTML / CSS
Bealls Florida百货商店:生活服饰、家居装饰和鞋子
2018/02/23 全球购物
智乐游戏测试笔试题
2014/05/21 面试题
成教毕业生自我鉴定
2013/10/23 职场文书
物流毕业生个人的自我评价
2014/02/13 职场文书
电子商务专业学生职业生涯规划
2014/03/07 职场文书
运动会入场口号
2014/06/07 职场文书
法制宣传标语
2014/06/23 职场文书
博士生求职信
2014/07/06 职场文书
庆六一宣传标语
2014/10/08 职场文书
总经理岗位职责
2015/02/04 职场文书