JavaScript String(字符串)对象的简单实例(推荐)

 更新时间:2016年08月31日 10:45:38   投稿:jingxian  
下面小编就为大家带来一篇JavaScript String(字符串)对象的简单实例(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

返回字符串的长度:

<html>
<body>

<script type="text/javascript">

var txt="Hello World!"
document.write(txt.length)

</script>

</body>
</html>

为字符串添加样式:

<html>
<body>

<script type="text/javascript">

var txt="Hello World!"

document.write("<p>Big: " + txt.big() + "</p>")
document.write("<p>Small: " + txt.small() + "</p>")

document.write("<p>Bold: " + txt.bold() + "</p>")
document.write("<p>Italic: " + txt.italics() + "</p>")

document.write("<p>Blink: " + txt.blink() + " (does not work in IE)</p>")
document.write("<p>Fixed: " + txt.fixed() + "</p>")
document.write("<p>Strike: " + txt.strike() + "</p>")

document.write("<p>Fontcolor: " + txt.fontcolor("Red") + "</p>")
document.write("<p>Fontsize: " + txt.fontsize(16) + "</p>")

document.write("<p>Lowercase: " + txt.toLowerCase() + "</p>")
document.write("<p>Uppercase: " + txt.toUpperCase() + "</p>")

document.write("<p>Subscript: " + txt.sub() + "</p>")
document.write("<p>Superscript: " + txt.sup() + "</p>")

document.write("<p>Link: " + txt.link("http://www.w3school.com.cn") + "</p>")
</script>

</body>
</html>

返回字符串中指定文本首次出现的位置 - indexOf()方法:

<html>
<body>

<script type="text/javascript">

var str="Hello world!"
document.write(str.indexOf("Hello") + "<br />")
document.write(str.indexOf("World") + "<br />")
document.write(str.indexOf("world"))

</script>

</body>
</html>

效果如下:

查找字符串中特定的字符,若找到,则返回该字符 - match() 方法:

<html>
<body>

<script type="text/javascript">

var str="Hello world!"
document.write(str.match("world") + "<br />")
document.write(str.match("World") + "<br />")
document.write(str.match("worlld") + "<br />")
document.write(str.match("world!"))

</script>

</body>
</html>

效果如下:

 

替换字符串中的字符 - replace():

<html>
<body>

<script type="text/javascript">

var str="Visit Microsoft!"
document.write(str.replace(/Microsoft/,"W3School"))

</script>
</body>
</html>

效果如下:

以上这篇JavaScript String(字符串)对象的简单实例(推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • JavaScript禁用右键单击优缺点分析

    JavaScript禁用右键单击优缺点分析

    在本篇文章里小编给大家分享了关于JavaScript禁用右键单击优缺点分析,有需要的朋友们学习下。
    2019-01-01
  • JavaScript获取时区实现过程解析

    JavaScript获取时区实现过程解析

    这篇文章主要介绍了JavaScript获取时区实现过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-09-09
  • [js+css]点击隐藏层,点击另外层不能隐藏原层

    [js+css]点击隐藏层,点击另外层不能隐藏原层

    [js+css]点击隐藏层,点击另外层不能隐藏原层...
    2007-03-03
  • 小程序登录/注册页面设计的实现代码

    小程序登录/注册页面设计的实现代码

    这篇文章主要介绍了小程序登录/注册页面设计的实现代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05
  • JavaScript自学笔记(必看篇)

    JavaScript自学笔记(必看篇)

    下面小编就为大家带来一篇JavaScript自学笔记(必看篇)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • ES6之Proxy的get方法详解

    ES6之Proxy的get方法详解

    这篇文章主要介绍了ES6之Proxy的get方法详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-10-10
  • Bootstrap中data-target 到底是什么

    Bootstrap中data-target 到底是什么

    这篇文章主要介绍了Bootstrap中data-target 到底是什么的相关资料,我目前理解到在bootstrap中data-target,data-toggle等属性主要有两种作用,具体哪两种作用,大家通过本文详细了解下
    2017-02-02
  • JS hasOwnProperty()方法检测一个属性是否是对象的自有属性的方法

    JS hasOwnProperty()方法检测一个属性是否是对象的自有属性的方法

    这篇文章主要介绍了JS hasOwnProperty()方法检测一个属性是否是对象的自有属性的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-01-01
  • javascript获取元素偏移量的方法有哪些

    javascript获取元素偏移量的方法有哪些

    javascript中可以通过四个属性获得元素的偏移量,offsetHeight、offsetWidth、offsetLeft、offsetTop,下面为大家解释下各属性的含义
    2014-06-06
  • 在Javascript里访问SharePoint列表数据的实现方法

    在Javascript里访问SharePoint列表数据的实现方法

    在进行SharePoint订制的时候经常会遇到开发手段受限制的问题,比如通常公司都会限制服务器的访问以及部署,很多开发都只能够在客户端来进行
    2011-05-05

最新评论