<!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>
JavaScript基础知识四
猜你喜欢
转载自www.cnblogs.com/shawnhuang/p/10433196.html
今日推荐
周排行