快捷導(dǎo)航

JavaScript String(字符串)對象的簡單實例(推薦)

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

下面小編就為大家?guī)硪黄狫avaScript String(字符串)對象的簡單實例(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

返回字符串的長度：

<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(字符串)對象的簡單實例(推薦)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

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