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"/>篮球
   &nbsp;<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>