- 时间：2022-05-30 02:49 编辑： 来源： 阅读：
- 扫一扫，手机访问
摘要：详细谈谈javascript的对象
javascript中有很多对象内容，挑几个感觉用的比较多的讲解。
在网上学习一些和看javascript的学习手册。
[img]http://files.jb51.net/file_images/article/201607/2016073115553215.jpg[/img]
如果要这个手册的可以留言，看到了我就发给你。恩，接下来总结一下我自己对象进阶之路。
1.对象：
(1)javascript中的所有事件都是对象：字符串、数组、函数.....
(2)每个对象带有属性和方法。
(3)JS允许自定义对象。
2.自定义对象 ：
(1)定义并创建对象实例。
(2)使用函数来定义对象，然后创建新的对象实例。
例（针对2-（1））：
方法1：
<script>
people=new Object();
people.name="颜小媛";
people.age="18";
document.write("name:"+people.name+",age:"+people.age);
</script>
结果：界面打印出name:颜小媛，age：18
方法2：
<script>
people=new Object();
people={
name:"颜小媛"，
age:18
}
document.write("name:"+people.name+",age:"+people.age);
</script>
结果：界面打印出name:颜小媛，age：18
例（针对2-（2））：
<script>
function people(name,age){
this.name=name;
this.age=age;
}
son=new people("颜小媛"，18);
document.write("name:"+son.name+",age:"+son.age);
</script>
结果：界面打印出name:颜小媛，age:18
string字符串对象
1.string对象：
string对象用于处理已有的字符串；字符串可以使用单引号或双引号【扩：混合使用避免冲突。】。
2.一些属性的演示：
（1）在字符串中查找字符串：indexOf()
例（针对2-（1））：
<script>
var str="hello world";
document.write("字符串："+str.length+"<br/>");
document.write(“world的位置：”+str.indexOf("world")+"<br/>");
document.write(“llllll的位置”str.indexOf("llllll"));
</script>
结果：界面打印出字符串：11
world的位置：6
lllllll的位置：-1
（2）内容匹配：match()
例（针对2-（2））：
<script>
var str="hello world";
document.write(str.match("world"));
document.write(str.match("lllllll"));
</script>
结果：界面打印出 world null
（3）替换内容：replace（）
例(针对2-（3）)：
<script>
var str="hello world";
document.write(str.replace("world","123"));
</script>
结果：界面打印出hello 123
（4）字符串大写转换：toUpperCase() / toLowerCase()
例（针对2-(4)）:
<script>
var str="hello world";
document.write(str.toUpperCase());
</script>
结果：界面打印出HELLO WORLD
(5)字符串转为数组：split()
例（针对2-(5)）:
<script>
var str1="hello,jjj,lll,kkk";
var s=str1.split(",");//以逗号作为分隔符
document.write(s[1]);
</script>
结果：界面打印jjj
----------------------------------------------------
Date日期对象
1.Date对象：
日期对象用于处理日期和时间。
2.获得当日的日期。
3.一些常用的方法：
（1）getFullYear():获取年份。
（2）getTime():获取毫秒。
（3）setFullYear():设置具体的日期。
（4）getDay():获取星期。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
例（针对3）：
<script>
var date = new Date();
document.write(date+"<br/>");
document.write(date.getFullYear()+"<br/>");
document.write(date.getTime()+"<br/>");
document.write(date.getDay()+"<br/>");
date.setFullYear(2010,1,1);
document.write(date);
</script>
结果：
[img]http://files.jb51.net/file_images/article/201607/2016073115553216.png[/img]
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
4.时钟实例：
<html>
<head>
<script >
function startTime(){
var today=new Date();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();
m=checkTime(m);
s=checkTime(s);
document.getElementById('txt').innerHTML=h+":"+m+":"+s;
t=setTimeout('startTime()',500);//等同于t=setTimeout(function(){starTime;},500)
}
function checkTime(i) {
if (i<10) {
i="0" + i;
}
return i
}
</script>
</head>
<body onload="startTime()">
<div id="txt"></div>
</body>
</html>
结果：动态的显示时间
[img]http://files.jb51.net/file_images/article/201607/2016073115553217.png[/img]
Array对象：
1.Array对象：
使用单独的变量来存储一系列的值。
2.数组的创建：
例：var myArray=["kkk","ddd","ddddd"];
3.数组的访问：
通过指定数组名以及索引号码，你可以访问某个特定的元素。
【注意：[0]是数组第一个元素，以此类推。】
4.数组常用的方法：
（1）concat():合并数组。
（2）sort():排序。
（3）push():末尾追加元素。
（4）reverse():数组元素翻转。
例（针对4-（1））：
<script>
var a=["aa","bb"];
var b=["cc","dd"];
var c=a.concat(b);
document.write(c);
</script>
结果：界面打印出 aa bb cc dd
例（针对4-（2））：
<script>
var a=["a","c","d","t","b","e"];
document.write(a.sort());
</script>
结果：界面打印出a b c e d t
【扩展】
<script>
var a=["5","2","3","4","1"];
document.write(a.sort(function(a,b){return b-a;}))
</script>
结果：界面打印出54321.（ps：因为b-a是倒序排列）。
例（针对4-（3））:
<script>
var a=["a","b"];
a.push(c);
document.write(a);
</script>
结果：打印出abc
例（针对4-（4））：
<script>
var a=["c","b","a"];
document.write(a.reverse());
</script>
结果：打印出abc
Math对象：
1.Match对象：
执行常见的算数任务。
2.常见方法：
（1）round():四舍五入。
（2）random():返回0~1之间的随机数。
（3）max():返回最高值。
（4）min():返回最小值。
（5）abs():返回绝对值。
例（针对2-（1））：
document.write(Math.round(2.5));
结果：界面打印出3
例（针对2-（2））：
document.write(Math.randow());
结果:界面随机打印出0~1的一个数。
document.write(Math.randow()*10);
结果：界面随机打印出1~10的一个数。
document.write(parseInt(Math.randow()));
结果：界面随机打印出0~1的一个数，并且这个数是整数。
例（针对2-（3））：
document.write(Math.max(10,20,3,90));
结果：界面打印出最大值90.
例（针对2-（4））：
document.write(Math.min(12,0,2,3,4));
结果：界面打印出最小值0.
例（针对2-（5））：
document.write(Math.abs(-10));
结果：界面打印出10.
机械节能产品生产企业官网模板...
大气智能家居家具装修装饰类企业通用网站模板...
礼品公司网站模板
宽屏简约大气婚纱摄影影楼模板...
蓝白WAP手机综合医院类整站源码（独立后台）...
