1.javascript对象
Js对象是一种复合值,将很多属性/值聚在一起
通过属性名获取对应的值,类似Map结构
包括内置对象,宿主对象和自定义对象
内置对象是由ECMAScript规范定义的对象或类
比如数组,日期,正则表达式等
宿主对象是在某个宿主环境中才有的对象(比如 浏览器)
创建对象的方式有:对象直接量,关键字new。(规范中还包括Object.create()方法)
对象直接量创建对象:
var test={};//创建了一个空对象
或者
varmylocal={x:45,y:78}
new关键字创建对象:
var date=new Date();其中new关键字后面跟的函数称为构造函数
new关键字可以创建任意内置或者自定义的对象
<html> <head> <title>javascript对象</title> <script> var student={ name:"lsp", sex:"男", println:function(gradename){ alert(this.name+" : "+this.sex+" : "+gradename); } }; student.println("0403"); </script> </head> <body> </body> </html>
javascript-document对象
<html> <head> <title>javascript document对象 </title> </head> <body> <div id="mydiv">我是div <!-- <img src="D:\Documents\Pictures\8601a18b87d6277f35a56d7029381f30e824fcc7.jpg" /> </div> --> 姓名:<input type="text" id="username" name="username" value="abc" /> <br /> 兴趣:<input type="checkbox" name="hobby" value="1"/>篮球 <input type="checkbox" name="hobby" checked value="2"/>音乐 </body> <script> /* var mydiv=document.getElementById("mydiv"); //得到div里面的html元素 alert(mydiv.innerHTML); var usernameText=document.getElementById("username"); alert(usernameText.value); */ /*var hobbys=document.getElementsByName("hobby"); for(var i=0;i<hobbys.length;i++){ if(hobbys[i].checked==true){ alert(hobbys[i].value); } }*/ var inputs=document.getElementsByTagName("input"); for(var i=0;i<inputs.length;i++){ alert(inputs[i].value); } </script> </html>
javascript的arguments对象
<html> <head> <title>javascript不定实参</title> <script> function add(){ var sum=0; for(var i=0;i<arguments.length;i++){ sum=sum+arguments[i]; } alert(sum); } add(1,2,3,5,4,32,32,323,323,32); </script> </head> <body> </body> </html>
js_window对象
<html> <head> <title>js window对象</title> </head> <body> <script type="text/javascript"> function clock(){ document.write("给你一块钱<br/>"); setTimeout("clock()",2000); } // clock(); function clock1(){ //alert("打印时间"); document.write("打印时间"); } setInterval(clock1,1000); </script> </body> </html>
js对象,继承
<html> <head> <title>js对象,继承</title> <script type="text/javascript"> var obj={};//new Object() var point={x:123,y:54}; //alert(point.x+" : "+point.y); var date=new Date(); //alert(date.getFullYear()); function SayHello(){ this.name="afei"; this.sex="男"; this.sayHello=function(){ alert("你好"); } } var sh=new SayHello(); //alert(sh.name+":"+sh.sex); function MyObj(){ } MyObj.prototype=sh; var myobj=new MyObj(); myobj.sayHello(); </script> </head> <body> </body> </html>