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 节点遍历函数
Mar 28 Javascript
常见JS效果之图片减速度滚动实现代码
Dec 08 Javascript
jQuery 阴影插件代码分享
Jan 09 Javascript
JSON 数字排序多字段排序介绍
Sep 18 Javascript
textarea 控制输入字符字节数(示例代码)
Dec 27 Javascript
JavaScript将数据转换成整数的方法
Jan 04 Javascript
javaScript 页面自动加载事件详解
Feb 10 Javascript
一个字符串中出现次数最多的字符 统计这个次数【实现代码】
Apr 29 Javascript
jQuery实现手机版页面翻页效果的简单实例
Oct 05 Javascript
JavaScript SHA-256加密算法详细代码
Oct 06 Javascript
Vue 过渡(动画)transition组件案例详解
Jan 22 Javascript
angular4笔记系列之内置指令小结
Nov 09 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
php下载文件源代码(强制任意文件格式下载)
2014/05/09 PHP
ThinkPHP3.1新特性之内容解析输出详解
2014/06/19 PHP
php自定义类fsocket模拟post或get请求的方法
2015/07/31 PHP
微信公众平台开发-微信服务器IP接口实例(含源码)
2017/03/05 PHP
该如何加载google-analytics(或其他第三方)的JS
2010/05/13 Javascript
js获取元素在浏览器中的绝对位置
2010/07/24 Javascript
jquery 合并内容相同的单元格(示例代码)
2013/12/13 Javascript
JavaScript设置表单上传时文件个数的方法
2015/08/11 Javascript
require.js的用法详解
2015/10/20 Javascript
jQuery基于ID调用指定iframe页面内的方法
2016/07/06 Javascript
js改变透明度实现轮播图的算法
2020/08/24 Javascript
Vue.js组件tabs实现选项卡切换效果
2016/12/01 Javascript
js原生Ajax的封装和原理详解
2017/03/11 Javascript
javascript实现下雨效果
2017/03/27 Javascript
详解Angular4 路由设置相关
2017/08/26 Javascript
vue用Object.defineProperty手写一个简单的双向绑定的示例
2018/07/09 Javascript
Vue中插入HTML代码的方法
2018/09/21 Javascript
windows实现npm和cnpm安装步骤
2019/10/24 Javascript
vue中使用rem布局代码详解
2019/10/30 Javascript
OpenLayers3实现图层控件功能
2020/09/25 Javascript
利用Celery实现Django博客PV统计功能详解
2017/05/08 Python
Python数字图像处理之霍夫线变换实现详解
2018/01/12 Python
Python基于滑动平均思想实现缺失数据填充的方法
2019/02/21 Python
在django项目中导出数据到excel文件并实现下载的功能
2020/03/13 Python
HTML5 UTF-8 中文乱码的解决方法
2013/11/18 HTML / CSS
美国最顶级的精品店之一:Hampden Clothing
2016/12/22 全球购物
印度尼西亚电子产品购物网站:Kliknklik
2018/06/05 全球购物
高中班级口号
2014/06/09 职场文书
大学生社会实践活动总结
2014/07/03 职场文书
小学生五年级大队长竞选发言稿
2014/09/12 职场文书
2014年国庆节演讲稿精选范文1500字
2014/09/25 职场文书
学前班语言教学计划
2015/01/20 职场文书
西柏坡观后感
2015/06/08 职场文书
2016春季小学开学寄语
2015/12/03 职场文书
Spring Cloud 中@FeignClient注解中的contextId属性详解
2021/09/25 Java/Android
Python通过loop.run_in_executor执行同步代码 同步变为异步
2022/04/11 Python