본문 바로가기

IT이야기/JS&nodeJS

html 에서 html 나누기! js로 가능.

파일명 meun.js

 

var menu= '분할하고 싶은 html의 소스를 이곳에다 넣기! '; 

 

//해당 메뉴에 필요한 javascript 소스는 밑쪽에다가 같이 두면 됨.

function popup(){
            var url = "login.html";
            var name = "popup test";
            var option = "width = 500, height = 500, top = 100, left = 200, location = no"
            window.open(url, name, option);
        }

 

 

document.write(menu);  //매뉴 출력

 

 

파일명 index.html

 

원하는 위치에

 

<script type="text/javascript" src="menu.js"></script>

 

이렇게 만든 파일 경로를 맞춰서 입력하면 끝!

 

사실 html 자체로만 웹을 만들 일은 없기에

 

보통은 웹 언어 php, jsp등을 사용하여 분할하지만

 

웹 퍼블리싱등을 할땐 필요하기에 한번 적어봅니다.

 

이거 말고도 다양한 방법이 있음.