<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--String对象实例-->
<script type="text/javascript">
var txt = "Hello World!";
// 计算字符串的长度
document.write("Hello World!" + "<br />" + "上面字符串的长度是: " + txt.length + "<br />");
// 字符串的各种样式
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>Lowercase: " + txt.toLowerCase() + "</p>");
document.write("<p>Uppercase: " + txt.toUpperCase() + "</p>");
document.write("<p>Subscript: " + txt.sub() + "</p>");
document.write("<p>Superscript: " + txt.sup() + "</p>");
document.write("<p>Link: " + txt.link("http://www.w3school.com.cn") + "</p>");
// indexOf() 定位字符串中某一个指定的字符首次出现的位置
document.write(txt.indexOf("Hello") + "<br />");
document.write(txt.indexOf("World") + "<br />");
document.write(txt.indexOf("world") + "<br />");
// match(),查找字符串中特定的字符,如果找得到返回该字符
document.write(txt.match("world") + "<br />");
document.write(txt.match("World") + "<br />");
document.write(txt.match("worlld") + "<br />");
document.write(txt.match("World!") + "<br />")
// replace(),替换某字符串
document.write(txt.replace(/Hello/, "你好"));
</script>
<script>
// 显示星期getDay()
// 这里使用getDay()和数组来显示星期,而不仅仅是数字
var d = new Date();
var weekday = new Array(7);
weekday[0] = "星期日";
weekday[1] = "星期一";
weekday[2] = "星期二";
weekday[3] = "星期三";
weekday[4] = "星期四";
weekday[5] = "星期五";
weekday[6] = "星期六";
document.write("<br />" + "今天是" + weekday[d.getDay()] + "<br />");
</script>
<!--创建数组-->
<!--数组对象的作用是:使用单独的变量名来存储一系列的值-->
<script type="text/javascript">
var mycars = new Array();
mycars[0] = "Saab";
mycars[1] = "Volvo";
mycars[2] = "BMW";
// 也可以这样:
// var mycars = new Array("Saab", "Volvo", "BMW")
for (i = 0; i < mycars.length; i++) {
document.write(mycars[i] + "<br />")
}
</script>
<!--使用for...in声明来循环输出数组中的元素-->
<script type="text/javascript">
var x;
var mycars = new Array();
mycars[0] = "Saab";
mycars[1] = "Volvo";
mycars[2] = "BMW";
for (x in mycars) {
document.write(mycars[x] + "<br />")
}
</script>
<!--合并两个数组,使用concat()方法-->
<script type="text/javascript">
var arr = new Array(3); // 这里的3控制数组的容量
arr[0] = "George";
arr[1] = "John";
arr[2] = "Thomas";
var arr2 = new Array(3);
arr2[0] = "James";
arr2[1] = "Adrew";
arr2[2] = "Martin";
document.write(arr.concat(arr2) + "<br />");
</script>
<!--用数组的元素组成字符串-->
<script type="text/javascript">
var arr = new Array(3);
arr[0] = "George";
arr[1] = "John";
arr[2] = "Thomas";
document.write(arr.join());
document.write("<br />");
document.write(arr.join(".") + "<br />");
</script>
<!--数组排序-->
<script type="text/javascript">
// 字母排序
var arr = new Array("George", "John", "Thomas", "James", "Adrew", "Martin");
document.write(arr + "<br />");
document.write(arr.sort() + "<br />");
// 数字排序
function sortNumber(a, b) {
return a - b
}
var arr1 = new Array("10", "5", "40", "25", "1000", "1");
document.write(arr1 + "<br />");
document.write(arr1.sort(sortNumber) + "<br />")
</script>
<!--Math对象-->
<script type="text/javascript">
<!--round(),四舍五入法-->
<!--记住一点:所谓的四舍五入,是指离哪个整数进就是哪个整数-->
document.write(Math.round(0.60) + "<br />");
document.write(Math.round(0.50) + "<br />");
document.write(Math.round(0.49) + "<br />");
document.write(Math.round(-4.40) + "<br />");
document.write(Math.round(-4.60) + "<br />");
// random() 返回0-1之间的随机数
document.write(Math.random() + "<br />");
// max()-返回两个给定的数中较大的数, min()相反
document.write(Math.max(-3, -5) + "<br />");
// 算数值
// 常数 Math.E
// 圆周率 Math.PI
// 2 的平方根 Math.SORT2
// 1/2 的平方根 Math.SORT1_2
// 2 的自然对数 Math.LN2
// 10 的自然对数 Math.LN10
// 以 2 为底的 e 的对数 Math.LOG2E
// 以 10 为底的 e 的对数 Math.LOG10E
// 生成一个0-10之间的随机数的方法
document.write(Math.floor(Math.random()*11) + "<br />");
</script>
<!--正则表达式-->
<!--RegExp对象有三个方法:test()\exec()\compile()-->
<!--test()方法检索字符串中的指定值,返回布尔值-->
<script type="text/javascript">
var patt1 = new RegExp("e");
document.write(patt1.test("The best things in life are free") + "<br />");
</script>
<!--exec()方法检索字符串中指定值,返回值是被找到的值,如果没有,返回null-->
<script type="text/javascript">
var patt1 = new RegExp("e");
document.write(patt1.exec("The best things in life are free") + "<br />");
</script>
<!--exec()方法中.可以向RegExp对象添加第二个参数,以设定检索-->
<!--例如如果要找到某个字符的所有存在,使用g参数-->
<!--
使用g参数时,exex()的工作原理是:
1.找到第一个"e", 并存储其位置
2.如果再次运行exec(),则从存储的位置开始检索,并找到下一个"e",并存储其位置
-->
<script type="text/javascript">
var patt2 = new RegExp("e", "g");
do {
result = patt2.exec("The best things in life are free");
document.write(result);
}
while (result != null)
</script>
<br />
<!--compile()方法用于改变RegRxp-->
<!--它既可以改变检索模式,又可以添加或删除第二个参数-->
<script type="text/javascript">
var patt3 = new RegExp("e");
document.write(patt3.test("The best things in life are free") + "<br />"); // true
patt3.compile("d");
document.write(patt3.test("The best things in life are free") + "<br />"); // false
</script>
</body>
</html>
浙公网安备 33010602011771号