JavaScript更新日志(4)

来源：互联网发布：多台nginx 做负载均衡编辑：程序博客网时间：2024/05/29 18:15

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

阅读全文

0 0