javascript中有很多对象内容,挑几个感觉用的比较多的讲解。
在网上学习一些和看javascript的学习手册。
如果要这个手册的可以留言,看到了我就发给你。恩,接下来总结一下我自己对象进阶之路。
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>
结果:
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
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)
}