JavaScript String(字符串)對(duì)象的簡(jiǎn)單實(shí)例(推薦)

更新時(shí)間：2016年08月31日 10:45:38 投稿：jingxian

下面小編就為大家?guī)?lái)一篇JavaScript String(字符串)對(duì)象的簡(jiǎn)單實(shí)例(推薦)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

返回字符串的長(zhǎng)度：

<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>

返回字符串中指定文本首次出現(xiàn)的位置 - 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(字符串)對(duì)象的簡(jiǎn)單實(shí)例(推薦)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

一文詳解如何通過(guò)JavaScript動(dòng)態(tài)修改元素的樣式
這篇文章主要介紹了如何通過(guò)JavaScript動(dòng)態(tài)修改元素的樣式,三種方式分別是直接操作元素的style屬性、通過(guò)classList屬性添加或移除類(lèi)名、以及使用CSSStyleDeclaration對(duì)象的setProperty方法,每種方法都有其適用場(chǎng)景,需要的朋友可以參考下
2024-12-12
微信小程序scroll-view實(shí)現(xiàn)字幕滾動(dòng)
這篇文章主要為大家詳細(xì)介紹了微信小程序scroll-view實(shí)現(xiàn)字幕滾動(dòng)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-07-07
javascript實(shí)現(xiàn)類(lèi)似超鏈接的效果
這篇文章主要介紹了使用javascript實(shí)現(xiàn)類(lèi)似超鏈接的效果的特效，通過(guò)示例熟悉javascript事件，這里推薦給大家。
2014-12-12
利用Promise自定義一個(gè)GET請(qǐng)求的函數(shù)示例代碼
這篇文章主要給大家介紹了關(guān)于如何利用Promise自定義一個(gè)GET請(qǐng)求的函數(shù)的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用Promise具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-03-03
javascript 實(shí)現(xiàn)的類(lèi)似hao123的多郵箱登錄效果
javascript 實(shí)現(xiàn)的類(lèi)似hao123的多郵箱登錄效果...
2007-08-08
微信小程序自定義組件的實(shí)現(xiàn)方法及自定義組件與頁(yè)面間的數(shù)據(jù)傳遞問(wèn)題
這篇文章主要介紹了微信小程序自定義組件的實(shí)現(xiàn)方法及自定義組件與頁(yè)面間的數(shù)據(jù)傳遞 ,需要的朋友可以參考下
2018-10-10
javascript實(shí)現(xiàn)支付寶滑塊驗(yàn)證碼效果
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)支付寶滑塊驗(yàn)證碼效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-07-07
JavaScript中兩個(gè)字符串的匹配
本文分享JavaScript中兩個(gè)字符串的匹配的一個(gè)實(shí)例代碼，希望能給大家做一個(gè)參考。
2016-06-06
JavaScript中push(),join() 函數(shù) 實(shí)例詳解
本文通過(guò)實(shí)例給大家介紹了JavaScript中push(),join() 的知識(shí)，非常不錯(cuò)，具有參考借鑒價(jià)值,需要的朋友可以參考下
2016-09-09
微信小程序自定義指令實(shí)例詳解
自定義指令是微信小程序中用于增強(qiáng)模板功能的重要工具,通過(guò)合理使用自定義指令,可以提高代碼的可維護(hù)性和復(fù)用性,簡(jiǎn)化頁(yè)面邏輯的編寫(xiě)和管理,這篇文章主要介紹了微信小程序自定義指令,需要的朋友可以參考下
2024-07-07