本文實例講述了JavaScript字符串對象(string)基本用法。分享給大家供大家參考，具體如下：
1.獲取字符串的長度：
var s = "Hello world";document.write("length:"+s.length);2.為字符串添加各種樣式，如：
var txt = "Some words";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>Link: " + txt.link("http://m.survivalescaperooms.com") + "</p>")3.獲取字符串中部分內容首次出現的位置：
var hw_text = "Hello world";document.write(hw_text.indexOf("Hello")+"<br/>");document.write(hw_text.indexOf("world")+"<br/>");document.write(hw_text.indexOf("abc")+"<br/>");4.內容替換：
var str="Visit Microsoft!"document.write(str.replace(/Microsoft/,"W3School"))
效果圖：
示例代碼：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta http-equiv="Content-Language" content="zh-cn" /><title>Javascript 字符串對象</title><head> <style> body {background-color:#e6e6e6} </style></head><body> <h3>（一）length屬性：獲取字符串的長度</h3> <p id="hw">Hello world, Hello javascript!</p> <script> var s = document.getElementById("hw").innerHTML; document.write("length:"+s.length); </script> <h3>（二）為字符串添加樣式</h3> <p>對字符串調用樣式的相關方法時，會自動拼接相應的html標簽</p> <p id = "hw_02">some words</p> <button onclick="alertBig()">Call txt.big()</button> <script> var txt = document.getElementById("hw_02").innerHTML; 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>Link: " + txt.link("http://m.survivalescaperooms.com") + "</p>") function alertBig(){ alert(txt.big()); } </script> <h3>（三）indexOf方法:定位字符串中某一個指定的字符首次出現的位置</h3> <script> var hw_text = "Hello world"; document.write(hw_text.indexOf("Hello")+"<br/>"); document.write(hw_text.indexOf("world")+"<br/>"); document.write(hw_text.indexOf("abc")+"<br/>"); </script> <h3>（四）replace()方法：替換字符串中的部分內容</h3> <script> var str="Visit Microsoft!" document.write(str.replace(/Microsoft/,"jb51")) </script></body></html>更多關于JavaScript相關內容感興趣的讀者可查看本站專題：《JavaScript替換操作技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》、《JavaScript中json操作技巧總結》、《JavaScript錯誤與調試技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
新聞熱點
疑難解答
