JavaScript String对象

亦凉 2022-06-03 07:56 192阅读 0赞

**声明：out.js**

/\*\*  
 \* 把文本内容写入到浏览器端换行的  
 \*/  
function println(str)\{  
document.write(str + "<br />");  
\}

**String对象**

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="UTF-8">  
<title>Insert title here</title>  
<script type="text/javascript" src="out.js"></script>  
</head>  
<body>  
  
  
</body>  
<script type="text/javascript">  
/\*  
String 对象  
声明  
var str = "abc";  
car str = new String("abc");  
属性：length：字符串的长度  
方法：  
和html相关的方法(书写没有提示)  
bold() 使用粗体显式字符串  
fontcolor(color) 设置字体的颜色，参数是必须的  
fontsize(size)   设置字体的大小，size从1到7  
italics() 斜体  
link(url)  设置超链接  url必须，规定要链接的URL  
sub()  下标  
sup()  上标  
  
和java中String对象类似  
charAt(index) 返回指定位置的字符  
indexOf(searchvalue,fromIndex) 检索字符串，没有返回-1  
searchvalue ：必须。需要检索的字符串值，  
fromIndex：可选。规定检索的位置  
lastindextOf(str,fromIndex):从后向前检索指定字符，返回下标  
replace(要替换的字符串,替换成啥)  替换  
split() 切割  
substring(start,stop)截取字符串，包含开始，不包含结束  
substr(start,length)截取字符串，从哪开始，截取多长  
\*/  
var str = "abcd";  
  
println(str.charAt(2));  
  
println(str.indexOf("c",1));  
  
println(str.replace("bc","ef"));  
  
println(str.substring(1, 3));//bc  
println(str.substr(1,3));///bcd  
  
/\*===================================================\*/  
//alert(str.length);//3  
println(str);  
//document.write(str.bold());  
println(str.bold());  
  
println(mybold(str));  
println(str.blink());  
  
function mybold(str)\{  
var result = "<b>" + str +"</b>";  
return result;  
\}  
  
println(str.fontcolor("red"));  
  
println(str.link("http://www.baidu.com"))  
  
println("3" + "2".sup());  
  
/\*==========================================\*/  
//去掉字符串两边的空格  
function mytrim(str)\{  
//0位置的下标  
var start = 0;  
//最后位置的下标值  
var end = str.length - 1;  
//start和end一直变化，查找下标值位置的字符是否是空格  
  
while(start <= end && str.charAt(start) == " ")\{  
//满足条件  
start++;  
\}  
while(start <= end && str.charAt(end) == " ")\{  
end--;  
\}  
var result = str.substring(start,end + 1);  
return result;  
\}  
  
var str2 = "   abc       ";  
alert("-" + str2 + "-");  
alert("-" + mytrim(str2) + "-");  
</script>  
</html>

**练习：九九乘法表**

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="UTF-8">  
<title>Insert title here</title>  
</head>  
<body>  
  
  
</body>  
  
  
<script type="text/javascript">  
alert("九九乘法表");  
  
document.write("<table border='1' width='50%' cellpadding='10'>");  
  
//行循环  
for(var i = 1;i <= 9;i++)\{  
document.write("<tr>");  
//列循环  
for(var j = 1;j <= i;j++)\{  
document.write("<td>" + i + "\*" + j + "=" + i\*j + "</td>");  
\}  
//换行的操作  
//document.write("<br/>")  
document.write("</tr>")  
\}  
  
document.write("</table>");  
  
</script>  
</html>