Javascript) File

파일로 쪼개어 코드 관리하기

script 코드를 jp파일에 따로 저장하기 (단, <script></script>는 제외)

	var Links = {
		setColor:function (color) {
		
			var alist = document.querySelectorAll('a');
			var i = 0;
			while (i < alist.length) {
			    console.log(alist[i]);
			    alist[i].style.color = color;
			    i = i + 1;
			}
		}
		
	}
	var Body = {
		setColor:function(color) {
			document.querySelector('body').style.color = color;
		},
		setBackgroundColor:function (color) {
			document.querySelector('body').style.backgroundColor = color;
		}
	}
		


	function nightAndDayController(self) {
		
		var target = document.querySelector('body');
		
		if(self.value === 'night') {
			Body.setBackgroundColor('black');
			Body.setColor('white');
			self.value = 'day';
			
			Links.setColor('powderblue');
			
		}
		else {
			Body.setBackgroundColor('white');
			Body.setColor('black');
			self.value = 'night';
			 
			Links.setColor('blue');
		 }
	}

소스를 적용할 웹 페이지에 링크 걸어주기 

<script src="colors.js"></script>

 

장점

• 가독성
• 코드 정리정돈
• 유지보수 용이
• 캐쉬 (한번 웹페이지에 다운로드된 파일(html.css.js 등)은 PC에 저장됨)