JavaScript基础与DOM

JavaScript基础与DOM

键盘按下与松开

onkeypress:键盘按下并松开
onkeydown:键盘按下未松开
onkeyup:键盘按下正松开

图片轮播

 
  
  
  
  
  
  

  
 
 
 
 
    

        
    
    

        
1
        
2
        
3
        
4
        
5
        
6
    
    
 

xml Dom

节点信息：

每个节点都有包含关于节点某些信息的属性，这些属性是：

• nodeName(节点名称)
• nodeValue(节点值)
• nodeType(节点类型)

可以通过使用节点彼此间的关系在节点间进行导航：

• parentNode
• childNodes
• firstChild
• lastChild
• nextSibling
• previousSibling

添加节点信息删除节点信息(简易版)

 
  
  
  
  
  
  
  
 
 
 
    

    

        
姓名:
        

        
邮箱：
        

        
年龄：
        

    
    

        

    
    
    






    

    

        

            
姓名
            
邮箱
            
年龄
            
操作
        
    
 

定义公有属性和私有属性

私有属性

• 在函数中：用var定义
• 在函数外：用对象.属性名定义

公有属性

• 在函数中：用this.属性名定义
• 在函数外：函数名.prototype.属性名=默认值;定义

function Person() {
    var name = "lily";
}
Person.prototype.height = 190;  //定义了一个公有属性
var p = new Person();   //new一个对象
p.weight = 180;  //函数外定义私有属性

var p1 = new Person();
alert(p1.weight);  //弹不出来，因为weight属性是私有的

定义公有方法和私有方法

私有方法：

• 在函数中：采用var 方法名 = function() {}定义
• 在函数外：采用对象名.方法名 = function(){}定义

function Person() {
    var show = function() {
        alert("我是私有方法");
    }
    this.display = function() {
        show();    //可以调用
    }
}   
Person.prototype.sing = function() {
    alert("sing");  //公有方法
}   
var p = new Person();
//show();   //调用不来，因为是私有的
p.eat = function() {
    alert("eat");    //私有方法
}

公有方法：

• 在函数中，采用this.方法名 = function(){}定义
• 在函数外：采用函数名.prototype

静态属性和静态方法

注意：定义静态属性和方法都用函数名来定义，调用的时候只能用函数名来调用，不能用对象名调用。

构造函数（无参，有参）

注意：函数名不要重复，因为先定义的函数永远调用不到

直接用object或函数对象加属性与方法

如何创建JavaScript对象

创建JavaScript对象的三种方式：

• 采用new 函数名()
• 采用new object()
• 采用json格式定义

var json = {"a":"中国","b":"美国","c":"韩国"};
alert(json.a);  //拿到中国字符串
alert(json["b"]); //拿到美国字符串

var json = {1:"中国",2:"美国",3:"韩国"};
alert(json["2"]); //拿到美国字符串
//注意：不能使用json.2或者json."2"来获取值

//如果想拿到所有的值，需要用foreach循环
for (var i in json) {
    alert(i + ":" +json[i]);  //打印所有的值，不能使用json.i
}