详细谈谈javascript的对象

javascript中有很多对象内容,挑几个感觉用的比较多的讲解。

在网上学习一些和看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>

结果:

详细谈谈javascript的对象

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

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

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wzxsss.html