小程序根本信息填写_JavaScript字符串对象(string)根本用法示例

JavaScript字符串对象(string)基本用法示例       这篇文章主要介绍了JavaScript字符串对象(string)基本用法,结合实例形式分析了js字符串的添加、计算、获取、替换等操作实现技巧,需要的朋友可以参考下

本文实例讲述了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("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"
"TR/xhtml1/DTD/xhtml1-transitional.dtd" 
 html 
 meta http-equiv="Content-Type" content="text/html; charset=utf-8" / 
 meta http-equiv="Content-Language" content="" / 
 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 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("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程序设计有所帮助。