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