JS 에서 BOM 과 DOM 의 차이 점 과 역할.

BOM 과 DOM
BOM: Browser Object Model 브 라 우 저 대상 모델, 브 라 우 저 조작 방법 제공 핵심 대상 window, 브 라 우 저 창 대상, JS 의 최상 위 대상
DOM: Document Object Model 문서 개체 모델, 문서 조작 관련 방법 제공 핵심 대상 document, 문서 조작
메모: window - > document / / windows 최상 위 대상 은 document document. write () 를 포함 합 니 다.window.document.write();
BOM (윈도우 대상)
1. 역할: 브 라 우 저 창 대상 의 전역 변수 와 전역 함수, 모두 window 대상 의 속성 과 방법

	window        
	et :
		var a = 10;
		window.b = 10;
		console.log(a,window.b);
		function sum(a,b){
		}
		window.sum = function (){};
		sum();
		window.sum();

2. 대화 상자

	1. alert("");
			    window.alert();
	2. prompt("");
			    window.prompt();
	3. confirm("    ");
			         ，       “  ” ，
			   true，     False

3. 타이머 방법 역할: 지정 한 주기 나 시간 간격 에 따라 함수 나 계산 식 을 호출 합 니 다.

	1.        /     
			1.    ：             
			2.    ：
					var timer = setInterval(fun,duration);
					window.setInterval();
					   ：
						fun :         ，     ，
						           
						duration ：    ，
									           
									    ms （  ）
					    ：
						timer :         ID ，      ，
									          ，
									        
			3.      
					clearInterval(timer);
					   ：    ID

	2.        /     
			(1)    ：          ，      
			(2)   ：
					var timer = setTimeout(fun,delay);
					   ：
						fun :       
						delay :     ，          
					    :
						timer ：   ID，         
			(3)      ：
					clearTimeout(timer);

4. window 의 속성 window 의 속성, 그 자체 가 또 하나의 대상

	1. screen  
			       ：console.log(screen);
								  console.log(window.screen);
			   ：             
			   ：
				1. width /height        
				2. availWidth /availHeight 
					           （         ）
	2. history   
			   ：             URL
			  &   ：
				1. length    ：          url
				   
				2.    ：
					1. back()   
					2. forward()   
					3. go(num)     
							num      ，    
							           /    
	3. location   
		   ：location              
		   ：
				href :              url
				   href    ，        
		   ：
				reload()   ，     
				reload(true) :     ，       
				reload(false) :       （  ）
	4. navigator   
			   ：          
			   ：
					userAgent ：    

DOM (ducument 대상)
1. 소개:

	document  ， DOM      ，      HTML  
	     ，      

2. 노드 (대상) 웹 페이지 는 불 러 오 는 과정 에서 노드 트 리 (DOM 트 리) 가 자동 으로 생 성 되 고 DOM 트 리 는 웹 페이지 의 모든 내용 을 패키지 합 니 다.웹 페이지 의 모든 요소 의 텍스트, 심지어 주석 은 DOM 트 리 의 단독 노드 로 봉 인 됩 니 다.

	1.      
		1.      -         （  ）
		2.      -           
		3.      -           
		-------------------------------
		4.      -       
		5.      -       
	2.     
		1.     
		2.     
		3.     
		4.     
		5.     
	3.       
		1. document.getElementsByTagName('a');
				              ，  
				    （  ），           
				      
		2. document.getElementsByClassName('');
				    class     ，      
		3. document.getElementsByName('');
				    name     ，      
				          
		4. document.getElementById('');
				    id     ，           
		   ：
			         ，   body  
			DOM   ：
				1. innerHTML : 
						  /        HTML  ，     
				2. innerText :
						  /            ，      
				3. value :
						          ，             

3. DOM 노드 조작

1.     
	1.            
		   ：
			     : var div = document.createElement('div');
			     : var text = document.createTextNode('');
		   ：
			                       

2.     
		DOM               ，       
		1.             
		   ：
			   .appendChild(   );
			et :
				var div = document.createElement('div');
				// div   body 
				document.body.appendChild(div);
				div.parentNode.append(div);
		   ：            
				et :
					var text = document.createTextNode('hello');
					//   div   
					div.appendChild(text);
		2.             
		   ：
			parentNode.insertBefore(newElem,oldElem);
			 newElem     oldElem    
				et:
					var h1 = document.createElement('h1');
					// h1   div  
					document.body.insertBefore(h1,div);
	
3.     
	1.      body    
			document.body.removeChild(elem);
	2.           ，        parentNode
	      
			parentNode.removeChild(elem);