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

 更新时间:2014年10月17日 11:32:05   投稿:junjie  
这篇文章主要介绍了JavaScript italics方法入门实例,italics方法用于把字符串显示为斜体,需要的朋友可以参考下

JavaScript italics 方法

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

复制代码 代码如下:

str_object.italics()

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

italics 方法实例

复制代码 代码如下:

<script language="JavaScript">

var str = "www.jb51.net";
document.write( str.italics() );

</script>

运行该例子,输出:

复制代码 代码如下:

www.jb51.net

提示:该方法返回使用 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实现的图片切割多块效果实例

    这篇文章主要介绍了javascript实现的图片切割多块效果,涉及javascript操作图片及css样式的技巧,需要的朋友可以参考下
    2015-05-05
  • 深入了解JavaScript中的Symbol的使用方法

    深入了解JavaScript中的Symbol的使用方法

    这篇文章主要介绍了深入了解JavaScript中的Symbol的使用方法,本文针对ES6版本的JS进行讲解,需要的朋友可以参考下
    2015-07-07
  • 简介JavaScript中toUpperCase()方法的使用

    简介JavaScript中toUpperCase()方法的使用

    这篇文章主要介绍了JavaScript中的toUpperCase()方法的使用,是JS入门学习中的基础知识,需要的朋友可以参考下
    2015-06-06
  • javascript数据代理与事件详解分析

    javascript数据代理与事件详解分析

    所谓数据代理(也叫数据劫持),指的是在访问或者修改对象的某个属性时,通过一段代码拦截这个行为,进行额外的操作或者修改返回结果。比较典型的是 Object.defineProperty() 和 ES2015 中新增的 Proxy 对象
    2021-11-11
  • DOM基础教程之使用DOM控制表单

    DOM基础教程之使用DOM控制表单

    这篇文章主要介绍了DOM基础教程之使用DOM控制表单的相关资料,需要的朋友可以参考下
    2015-01-01
  • JavaScript初学者应注意的七个细节详细介绍

    JavaScript初学者应注意的七个细节详细介绍

    种种语言都有它特别的地方,对于JavaScript来说,使用var就可以声明任意类型的变量,这门脚本语言看起来很简单,然而想要写出优雅的代码却是需要不断积累经验的,接下来介绍初学者应注意
    2012-12-12
  • 实现前后端数据交互方法汇总

    实现前后端数据交互方法汇总

    这篇文章给大家介绍几种常用的前后端数据交互方法,并给出使用建议。以提高前后端协同开发的效率。非常的详细,推荐给小伙伴们,有需要的小伙伴可以参考下。
    2015-04-04
  • javascript 学习笔记(一)DOM基本操作

    javascript 学习笔记(一)DOM基本操作

    主要是为了使自己更加熟练操作DOM,记录自己的点滴,规范自己的代码!希望大家共同进步!
    2011-04-04
  • HTML,CSS,JavaScript速查表推荐

    HTML,CSS,JavaScript速查表推荐

    这篇文章主要介绍了HTML,CSS,JavaScript速查表,推荐给大家,需要的朋友可以参考下
    2014-12-12
  • 不懂JavaScript应该怎样学

    不懂JavaScript应该怎样学

    文是JavaScript库Mootools的入门性介绍文章,详细介绍了在网上能找到的比较好的学习HTML,CSS,JavaScript入门知识的资源以及随手参考的地方。文中介绍的从零入手学习JavaScript编程的过程很有参考价值。
    2008-04-04

最新评论