声明: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>