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打印纸函数代码(递归)
Jun 18 Javascript
jQuery JSON的解析方式分享
Apr 05 Javascript
表单序列化与jq中的serialize使用示例
Feb 21 Javascript
JS实现在线统计一个页面内鼠标点击次数的方法
Feb 28 Javascript
jquery实现的判断倒计时是否结束代码
Feb 05 Javascript
javascript结合Flexbox简单实现滑动拼图游戏
Feb 18 Javascript
Vue关于数据绑定出错解决办法
May 15 Javascript
Angular实现点击按钮后在上方显示输入内容的方法
Dec 27 Javascript
Vue CLI 3搭建vue+vuex最全分析(推荐)
Sep 27 Javascript
js操作table中tr的顺序实现上移下移一行的效果
Nov 22 Javascript
在Create React App中使用CSS Modules的方法示例
Jan 15 Javascript
webpack+vue-cil 中proxyTable配置接口地址代理操作
Jul 18 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中开发XML应用程序之基础篇 添加节点 删除节点 查询节点 查询节
2010/07/09 PHP
php获取淘宝分类id示例
2014/01/16 PHP
php+ajax登录跳转登录实现思路
2016/07/31 PHP
php中strtotime函数性能分析
2016/11/20 PHP
php判断IP地址是否在多个IP段内
2020/08/18 PHP
通过JAVASCRIPT读取ASP设定的COOKIE
2006/11/24 Javascript
jQuery autocomplate 自扩展插件、自动完成示例代码
2011/03/28 Javascript
浅谈被jQuery抛弃的函数及替代函数
2015/05/03 Javascript
浅析javascript异步执行函数导致的变量变化问题解决思路
2016/05/13 Javascript
jQuery实现表格与ckeckbox的全选与单选功能
2016/11/24 Javascript
jQuery实现简单的滑动导航代码(移动端)
2017/05/22 jQuery
vue 怎么创建组件及组件使用方法
2017/07/27 Javascript
sublime text配置node.js调试(图文教程)
2017/11/23 Javascript
vue 将页面公用的头部组件化的方法
2017/12/18 Javascript
详解javascript 正则表达式之分组与前瞻匹配
2018/05/30 Javascript
JS实现面向对象继承的5种方式分析
2018/07/21 Javascript
Vue-component全局注册实例
2018/09/06 Javascript
小程序自定义导航栏兼容适配所有机型(附完整案例)
2020/04/26 Javascript
手动实现vue2.0的双向数据绑定原理详解
2021/02/06 Vue.js
Python操作串口的方法
2015/06/17 Python
python中闭包Closure函数作为返回值的方法示例
2017/12/17 Python
Python清空文件并替换内容的实例
2018/10/22 Python
在python中,使用scatter绘制散点图的实例
2019/07/03 Python
TensorFlow tf.nn.max_pool实现池化操作方式
2020/01/04 Python
python 实时调取摄像头的示例代码
2020/11/25 Python
纯HTML5+CSS3制作生日蛋糕代码
2016/11/16 HTML / CSS
美国汽配连锁巨头Pep Boys官网:轮胎更换、汽车维修服务和汽车零部件
2017/01/14 全球购物
卫校护理专业毕业生求职信
2013/11/26 职场文书
人力资源主管岗位职责
2014/01/29 职场文书
部队万能检讨书
2014/02/20 职场文书
奔腾年代观后感
2015/06/09 职场文书
股东协议书范本2016
2016/03/21 职场文书
教你怎么用Python监控愉客行车程
2021/04/29 Python
使用CSS3实现按钮悬停闪烁动态特效代码
2021/08/30 HTML / CSS
Spring Boot配合PageHelper优化大表查询数据分页
2022/04/20 Java/Android
vue二维数组循环嵌套方式 循环数组、循环嵌套数组
2022/04/24 Vue.js