js基础运用 day 6 ——BOM--浏览器对象模型、DOM--文档对象模型

BOM:把浏览器窗口封装成对象模型，供js进行访问。最重要的一个对象是:window

    
        
        
        
        
        
        
    
    
        
  BOM:把浏览器窗口封装成对象模型，供js进行访问。最重要的一个对象是:window

        
window中的属性演示
        
        
        

        
        

        前进
        

        
        

        
		  

	
    

两种定时器：

一次性定时器：setTimeout(),clearTimeout()

周期性定时器；setInterval(),clearInterval()

    
        
        
        
        
        
    
    
        
window中的方法演示
        
        
        

        
        

        
        

        

        

        
        
        
        

        
        

        
		
		 
     

     

	
	

	
	  

	
	
	 


	


	 

	
	
为了演示滚动效果
	
为了演示滚动效果
	
为了演示滚动效果
	
为了演示滚动效果
	
为了演示滚动效果
	
为了演示滚动效果
	
为了演示滚动效果
	
为了演示滚动效果
    

 

小例子

  
    
	
    
    
    
    
    

  
  
  
   
一条广告消息
		
一条广告消息
		
一条广告消息
		

		   Name:
		   
		
		
		
  

  
  	
    
	

  
  
  
   
history演示中的第二个页面
   
   
   后退
  

 

DOM--文档对象模型

文档对象模型(DOM: Document Object Model):

文档:标记型文档(HTML,XML)。特征:里面除了标签，就是标签封装的内容

对象:封装了属性和行为的实体，可以被直接调用。

模型:所有标记型文档都具备一些共有特征的一个体现。 

DOM = BOM(浏览器对象模型) + DOM(文档对象模型)

DHTML：动态HTML，它不是一门语言，是多项技术综合体的简称。DHTML = HTML + CSS + DOM + JS
 

技术边界:

HTML: 负责提供标签，对数据进行封装，目的是便于对该标签中的数据进行操作。

 CSS: 负责提供样式属性，对标签中的数据进行样式的定义。

DOM: 负责将标记型文档以及文档中的所有内容进行封装成对象，解析。在对象中定义了更多的属性和行为，便于对对象进行操作。

JS: 负责提供程序设计语言。--if, for, var , function, ...

 

    
        
        
        
        
   
        
        
    
    
        
  文档对象模型(DOM: Document Object Model):
  文档:标记型文档(HTML,XML)。特征:里面除了标签，就是标签封装的内容
  对象:封装了属性和行为的实体，可以被直接调用。
  模型:所有标记型文档都具备一些共有特征的一个体现。 
  
  DOM = BOM(浏览器对象模型) + DOM(文档对象模型)

        
  DHTML：动态HTML，它不是一门语言，是多项技术综合体的简称。
  DHTML = HTML + CSS + DOM + JS
  技术边界:
  HTML: 负责提供标签，对数据进行封装，目的是便于对该标签中的数据进行操作。
  CSS: 负责提供样式属性，对标签中的数据进行样式的定义。
  DOM: 负责将标记型文档以及文档中的所有内容进行封装成对象，解析。
               在对象中定义了更多的属性和行为，便于对对象进行操作。
  JS: 负责提供程序设计语言。--if, for, var , function, ...