<script type="text/javascript"> /* js对象:对象的职责是调用属性和调用方法 */ //1.对象的创建的三种方式 var obj = {}; //常用且不会浪费空间 var obj = new Object(); //var obj = Object.create(); /* 第三种方式测试的时候有问题,百度下,发现 Object.create() 方法创建一个拥有指定原型和若干个指定属性的对象。 参数: prototype 必需。 要用作原型的对象。 可以为 null。 descriptors 可选。 包含一个或多个属性描述符的 JavaScript 对象。 */ //2.形态是由一个键值对的存在:json var person = {username:"xiaobai"} //对象的增删改查 person.age = "22"; person.address = "南京"; console.log(person.username+"==="+person.age+"==="+person.address); //修改值 person.username = "xiaoking"; person.age = 20; //删除值 delete person.age; //不明白的alert一下或使用console //3.json对象 var data = {username:"poseidon"} /* 取值有两种 第一种:对象.属性 方便调用属性 第二种:对象["属性名"] 方便传值 */ console.log(data.username+"==="+data["username"]); /* 单属性可以这样使用,但是多属性的json对象是不一样的 */ var params = {"user.name":"","user.age":""} params["user.name"] //取值不能使用点 params.user.name,会报错 console["log"]("console也是对象"); var console = { log:function(msg){ } } //4.写一个jQuery框架 function $(id){ var obj = { css : function(){} html : function(){} } } (function(){ var window.$ = document; })(window); var $ = function(id){ if(id.indexOf("#")) id = id.replace("#",""); var dom = document.getElementById(id); return { css : function(key,value){ if(typeof key === "object"){ }else{ if(typeof key === "number") value = value + "px"; dom["style"][key] = value; } } } } //5.不需要购买任何dom对象的书籍,就可以学到最新最新的dom知识 for(var key in document){ console.log(document[key]); } </script>
时间: 2024-10-22 19:34:03