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등을 사용하여 분할하지만
웹 퍼블리싱등을 할땐 필요하기에 한번 적어봅니다.
이거 말고도 다양한 방법이 있음.
'IT이야기 > JS&nodeJS' 카테고리의 다른 글
js개발자라면 알아야할 핵심컨셉 33개 2탄 Primitive Types (0) | 2020.05.03 |
---|---|
js개발자라면 알아야할 핵심컨셉 33개 1-2탄 call stack (0) | 2020.05.02 |
초간단 새로고침 없이 form 전송하기! ajax (0) | 2020.01.27 |
js개발자라면 알아야할 핵심컨셉 33개 1탄 call stack (0) | 2019.09.09 |
[html&js]카카오맵 api 연동하기 (0) | 2019.09.01 |