Menu

 

 

**rooto 님이 올리신 자료인데 요즘 노프레임을 만드는 분이라면 필요할것 같아서 올려봅니다.**

노프레임 홈페이지를 만들다보면 같은 매뉴를 계속 사용해야 하므로 메모리와 용량을 더 부담시키고, 서버에도 쓸때없이 트래픽을 주게 되죠?
그것을 줄이는 간단한 방법을 소개 합니다.

우선 중복되는 부분을 골라내시고,
그다음 그 부분을 잘라서 js파일로 만들어 줍니다.
마지막으로 <HEAD> 부분에 이것을 추가 해 줍니다. (BODY에도 가능합니다,)

< script language="javascript" src="만들어놓은 JS파일의 이름.js"></script>

이것으로 여러 페이지에서 같은 파일을 읽어들여서 한군데가 틀렸을 경우 전체를 수정해야 하는 경우가 없어지고, 용량과 트래픽의 부담이 줄어듭니다.
따라서 노프레임의 매뉴가 많은 페이지 일 수록 강력한 효과를 발휘합니다.

JS파일의 구조를 설명하지 않았는데요.
구조는 간단합니다.

document.write("
이곳에 공통으로 사용될 소스를 입력합니다.
")

이게 끝입니다.


document.write("<HTML>")
document.write("<HEAD>")
document.write("</HEAD>")
document.write("<BODY>")
document.write("</BODY>")
document.write("</HTML>")
이런식으로 해도 됩니다.

치명적인 단점으로 자바스크립트를 지원하지 않는 브라우저에서는 완전 무시 해 버린다는 것입니다만...그런 브라우저를 쓰는분은 거의 없으므로 그럴일은 거의 없다고 봅니다 -_-;

예제로 보고 싶으신 분은 제 홈페이지를 구경 해 보세요.   http://www.rooto.net/
(두가지 메인화면 양쪽에서 소스보기 해서 비교 해 보시길...)