JavaScript 字符串(String)对象-优快云博客

String 对象用于处理已有的字符块。

JavaScript String（字符串）对象实例

计算字符串的长度

如何使用长度属性来计算字符串的长度。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<script>
	document.write("<p>" + "计算字符串长度：");
	var txt = "abcdefghijklmn";
	document.write(txt.length + "</p>");
</script>
</body>
</html>

效果图：

为字符串添加样式

如何为字符串添加样式。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>

<p>为字符串添加样式</p>
<script>
	var txt = "Hello World";
	document.write("big：" + txt.big() + "<br>");
	document.write("small："+txt.small()+ "<br>");
	
	document.write("bold："+txt.bold()+"<br>");
	document.write("italic："+txt.italics()+"<br>");
	
	document.write("blink：" + txt.blink() + "（IE上无效果）<br>");
	document.write("fixed：" + txt.fixed() + "<br>");
	document.write("strike：" + txt.strike() + "<br>");
	
	document.write("fontcolor：" + txt.fontcolor("red") + "<br>");
	document.write("fontsize：" + txt.fontsize(16) + "<br>");
	
	document.write("toLowerCase：" + txt.toLowerCase() + "<br>");
	document.write("toUpperCase：" + txt.toUpperCase() + "<br>");
	
	document.write("subscript：" + txt.sub() + "<br>");
	document.write("supscript：" + txt.sup() + "<br>");
	
	document.write("link：" + txt.link("http:blog.youkuaiyun.com/ling811") + "<br>");
</script>
</body>
</html>

效果图：

indexOf() 方法

如何使用 indexOf() 来定位字符串中某一个指定的字符首次出现的位置。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<p>indexOf() 方法</p>
<script>
	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() 方法

如何使用 match() 来查找字符串中特定的字符，并且如果找到的话，则返回这个字符。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>

<p>match() 方法</p>
<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()

如何使用 replace() 方法在字符串中用某些字符替换另一些字符。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>

<p>替换字符串中的字符 - replace()</p>
<script>
	var str = "visit csdn";
	document.write(str.replace(/csdn/,"ling811"));
</script>
</body>
</html>

效果图：