javaScript---基本语法2(EMCAScript)

top

1.String对象

2.date对象

3.Number对象

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/>");  //转小写

View Code

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());

View Code

显示当前系统时间:

 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>

View Code

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))

View Code

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/>");

View Code

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 */

View Code

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>

View Code