您好,登錄后才能下訂單哦!
本文實(shí)例講述了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("https://www.jb51.net") + "</p>")
3.獲取字符串中部分內(nèi)容首次出現(xiàn)的位置:
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.內(nèi)容替換:
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> <h4>(一)length屬性:獲取字符串的長度</h4> <p id="hw">Hello world, Hello javascript!</p> <script> var s = document.getElementById("hw").innerHTML; document.write("length:"+s.length); </script> <h4>(二)為字符串添加樣式</h4> <p>對字符串調(diào)用樣式的相關(guān)方法時(shí),會(huì)自動(dòng)拼接相應(yīng)的html標(biāo)簽</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("https://www.jb51.net") + "</p>") function alertBig(){ alert(txt.big()); } </script> <h4>(三)indexOf方法:定位字符串中某一個(gè)指定的字符首次出現(xiàn)的位置</h4> <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> <h4>(四)replace()方法:替換字符串中的部分內(nèi)容</h4> <script> var str="Visit Microsoft!" document.write(str.replace(/Microsoft/,"jb51")) </script> </body> </html>
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript替換操作技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript中json操作技巧總結(jié)》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。