当前位置： 移动技术网 > IT编程>网页制作>CSS > JavaScript四种创建对象的方法

JavaScript四种创建对象的方法

2018年12月05日  | 移动技术网IT编程  | 我要评论

javascript四种创建对象的方法

html



1javascript


 
    var colo={
    blue:"蓝色",
    green:"绿色", //对象属性
    black:function(){    //对象方法
        return "黑色"
    }
}
  document.getelementbyid("colors").innerhtml=colo.blue//访问对象属性
  //访问对象方法 document.getelementbyid("colors").innerhtml=colo.black()




2javascript


  
   var colo=new object();
    colo.blue="蓝色";
    colo.green="绿色";
    colo.black=function(){
        return "黑色"
    }

  document.getelementbyid("colors").innerhtml=colo.blue//访问对象属性
  //访问对象方法 document.getelementbyid("colors").innerhtml=colo.black()




3javascript


  
 function yanse(){
   var colo=new object();
    colo.blue="蓝色";
    colo.green="绿色";
    colo.black=function(){
        return "黑色"
    }
    return colo//返回colo给yanse（）函数，所以var yanses=yanse()即是var yanses=colo
}
var yanses=yanse()
  document.getelementbyid("colors").innerhtml=yanses.blue//访问对象属性
  //访问对象方法 document.getelementbyid("colors").innerhtml=yanses.black()




4javascript


  
 function yanse(){
    this.blue="蓝色";
    this.green="绿色";
    this.black=function(){
        return "黑色"
    }
}
var yanses=new yanse()
  document.getelementbyid("colors").innerhtml=yanses.blue//访问对象属性
  //访问对象方法 document.getelementbyid("colors").innerhtml=yanses.black()






                    

                        

                            
                        

                    

                    


                    
                    

                        
    
                            
  • 
                                
                            
    • 
                        

                    


                    
                    

                    

                        
您可能感兴趣的文章:

                        
                    

                    

                        如对本文有疑问，
                        点击进行留言回复！！
                    

                


                

                

                    
相关文章:

                    
                

               
                       
                             

                

                    
                    

                        
                        
                        

                        

                            

                                
                                    
                                
                                 
                                    
                                
                            

                            

                                验证码：
                                
                                    
                                    
                                    
                                
                            

                        

                        
                    

                    
                    

                        
                        
                        
                    

                

            

        

        
        
 
            

                

                    
                    

                    
                


                

                    

                        

                            
最近更新的文章

                            

                                
                            

                        

                    

                


                

                    
                    

                        
                    

                


                

                

                    

                        

                            
大家感兴趣的文章

                            

                                
                            

                        

                    

                

                

                    
                    

                        
                    

                


            

        

    



 


 
 

     
    

        

移动技术网