javaScript---基本语法2(EMCAScript)
1.String对象go top
创建一个字符串的方式：
方式1：
new String("字符串的内容");
方式2：
var str = "字符串的内容";
字符串常用的方法：
anchor（） 生产锚点
blink（） 为元素添加blink标签
charAt() 返回指定索引位置处的字符。
charCodeAt() 回一个整数，代表指定位置上字符的 Unicode 编码。
fontcolor() 把带有 COLOR 属性的一个 HTML <FONT> 标记放置在 String 对象中的文本两端
indexOf() 返回 String 对象内第一次出现子字符串的字符位置
italics() 把 HTML <I> 标记放置在 String 对象中的文本两端。
link() 把一个有 HREF 属性的 HTML 锚点放置在 String 对象中的文本两端。
replace() 返回根据正则表达式进行文字替换后的字符串的复制
split() 切割
Substr() 截取子串
toUpperCase() 转大写
toLowerCase 转小写
1 document.write("第五章".anchor("five")+"<br/>"); 2 document.write("第五章".blink()+"<br/>"); 3 document.write("abc".charAt(1)+"<br/>"); 4 document.write("abc".charCodeAt(1)+"<br/>"); //chatCodeAt返回的是索引值对应的字符的码值。 5 document.write("第六章".fontcolor("red")+"<br/>"); //fontcolor() 给字符串添加font标签，然后设置color的属性值。 6 document.write("abchellohehehello".indexOf("hello")+"<br/>"); //返回指定字符串第一次出现的索引值。 7 document.write("第五章".italics()+"<br/>"); //给文本添加一个i标签，把文本内容设置成斜体。 8 document.write("传智".link("http://www.itcast.cn")+"<br/>"); // 给文本添加一个a标签， 9 document.write("明天我们讲xml".replace("xml","DOM编程")+"<br/>"); // 给文本添加一个a标签， 10 11 var str = "我们-大家-好"; 12 var arr = str.split("-"); 13 for(var index = 0 ; index<arr.length ; index++){ 14 document.write(arr[index]+","); 15 } 16 document.write("<br/>"); 17 document.write("abc".toUpperCase()+"<br/>"); //转大写 18 document.write("ABC".toLowerCase()+"<br/>"); //转小写
2.日期对象（Date）go top
1 var date = new Date(); //获取到当前的系统时间 2 document.write("年："+ date.getFullYear()+"<br/>"); 3 document.write("月："+ (date.getMonth()+1)+"<br/>"); 4 document.write("日："+ date.getDate()+"<br/>"); 5 6 document.write("时："+ date.getHours()+"<br/>"); 7 document.write("分："+ date.getMinutes()+"<br/>"); 8 document.write("秒："+ date.getSeconds()+"<br/>"); 9 10 //xxxx年yy月dd日 hh:mm:ss 11 12 //document.write("当前时间是："+date.toLocaleString()); 13 document.write("当前时间是："+date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()+"日 "+ 14 date.getHours()+":"+date.getMinutes()+":"+date.getSeconds());
显示当前系统时间:
1 <body> 2 当前系统时间：<span id="time"></span> 3 </body> 4 5 6 <script type="text/javascript"> 7 8 function getCurrentTime(){ 9 //获取到当前的系统时间 10 var date = new Date(); 11 //把当前系统时间拼装成我指定的格式。 12 var timeInfo = date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()+"日 "+ 13 date.getHours()+":"+date.getMinutes()+":"+date.getSeconds(); 14 15 //找span对象 16 var spanObj = document.getElementById("time"); 17 //设置span标签体的内容 18 spanObj.innerHTML = timeInfo.fontcolor("red"); 19 } 20 21 getCurrentTime(); 22 23 //定时方法. 24 window.setInterval("getCurrentTime()",1000); /* setInterval 定时方法，第一个参数要指定调用的代码，第二参数是每 隔指定的毫秒数调用指定的代码。*/ 25 26 27 </script>
3.Number对象go top
创建Number对象的方式：
方式1：
var 变量= new Number(数字)
方式2：
var 变量 = 数字;
常用的方法：
toString() 把数字转换成指定进制形式的字符串。
toFixed() 指定保留小数位,而且还带四舍五入的功能。
1 var num = 10; // 十进制 2 document.write("十进制："+num.toString()+"<br/>"); 3 document.write("二进制："+num.toString(2)+"<br/>"); 4 document.write("八进制："+num.toString(8)+"<br/>"); 5 document.write("十六进制："+num.toString(16)+"<br/>"); 6 document.write("三进制："+num.toString(3)+"<br/>"); // 101 7 var num2 = 3.455; 8 document.write("保留两位小数:"+num2.toFixed(2))
4.Math数学对象go top
Math对象常用的方法：
ceil 向上取整
floor（） 向下取整
random() 随机数方法 // 产生的伪随机数介于 0 和 1 之间（含 0，不含 1），
round 四舍五入
1 document.write("向上取整："+ Math.ceil(3.14)+"<br/>"); 2 document.write("向下取整："+ Math.floor(3.14)+"<br/>"); 3 document.write("随机数："+ Math.random()+"<br/>"); 4 document.write("四舍五入："+ Math.round(3.75)+"<br/>");
5.Array数组对象:go top
创建数组的方式1：
var 变量名 = new Array(); 创建一个长度为0的数组。
方式2：
var 变量名= new Array(长度) 创建一个指定长度的数组对象。
方式3：
var 变量名 = new Array("元素1","元素2"...); 给数组指定元素创建数组 的对象。
方式4：
var 变量名 = ["元素1","元素2"...];
数组要注意的细节：
1. 在javascript中数组的长度是可以发生变化的。
常用方法：
1 var arr1 = ["狗娃","狗剩","铁蛋"]; 2 var arr2 = ["永康","才厚"]; 3 4 /* 5 arr1 = arr1.concat(arr2); //concat把arr1与arr2的数组元素组成一个新的数组返回。 6 for(var index in arr1){ 7 document.write(arr1[index]+","); 8 } 9 10 11 var elements = arr1.join(","); // join使用指定的分隔符把数组中的元素拼装成一个字符串返回。 12 document.write("数组的元素："+elements); 13 14 15 pop ：移除数组中的最后一个元素并返回该元素。 16 17 document.write("删除最后的一个元素并返回："+arr1.pop()+"<br/>"); 18 19 arr1.push("永康"); // 将新元素添加到一个数组中，并返回数组的新长度值。 20 21 arr1.reverse(); //翻转数组的元素 22 23 document.write("删除第一个元素并返回："+arr1.shift()+"<br/>"); //移除数组中第一个元素，并且返回。 24 25 26 var subArr = arr1.slice(1,2); //指定数组 的开始索引值与结束索引值截取数组的元素，并且返回子数组。 27 document.write("子数组的元素："+subArr.join(",")+"<br/>"); 28 29 30 31 32 arr1 = [19,1,20,5]; 33 arr1.sort(sortNumber); //排序，排序的时候一定要传入排序的方法。 34 35 function sortNumber(num1,num2){ 36 return num1-num2; 37 } 38 39 40 arr1.splice(1,1,"张三","李四","王五"); //第一个参数是开始删除元素的 索引值， 第二参数是删除元素的个数，往后的数据就是插入的元素。 41 */
6.自定义对象go top
在javascript没有类的概念，只要有函数即可创建对象。
自定义对象的方式1： 使用无参的函数创建对象。
例子：
function Person(){} var p = new Person(); //创建了一个Person对象了 p.id = 110; p.name = "狗娃";
方式2：使用带参的函数创建对象。
function Person(id,name){ this.id = id; this.name = name; this.say = function(){ alert(name+"呵呵"); } } var p = new Person(110,"狗剩"); //创建对象
方式3：使用Object函数创建对象
var p = new Object(); p.id = 110; p.name = "铁蛋";
方式4：使用字面量的方式创建.
1 var p = { 2 id:110, 3 name:"狗娃", 4 say:function(){ 5 alert(this.name+"呵呵"); 6 } 7 }
7. prototypego top
Prototype注意的细节：
- 1. prototype是函数(function)的一个必备属性(书面一点的说法是"保留属性")(只要是function,就一定有一个prototype属性)
- 2. prototype的值是一个对象
- 3. 可以任意修改函数的prototype属性的值。
- 4. 一个对象会自动拥有prototype的所有成员属性和方法。
Demo（利用prototype扩展String对象的功能）：
1 script type="text/javascript"> 2 //把字符串转成数组 3 String.prototype.toCharArray = function (){ 4 var arr = new Array(); 5 6 for ( var index=0; index<this.length; index++) 7 { 8 arr[index] = this.charAt(index); 9 } 10 return arr; 11 } 12 //反转字符 13 // String.prototype.reverse = function (){ 14 // var arr = this.toCharArray(); 15 // arr = arr.reverse(); 16 // return arr.join(""); 17 // } 18 //反转字符2 19 String.prototype.reverse = function (){ 20 var arr = new Array(); 21 var i = 0; 22 for ( var index=this.length-1; index>=0; index--) 23 { 24 arr[i] = this.charAt(index); 25 i++; 26 } 27 return arr.join(""); 28 } 29 30 var str = "abcdefg"; 31 // str = str.toCharArray(); 32 // document.write(str.join(",")); 33 str = str.reverse(); 34 document.write("是否反转成功呢？"+str); 35 36 37 </script>
