; 더 마스터 페이지가없는 경우, 페이지 레이아웃은 재사용라는 개념을 의미한다 동일한 코드의 같은 많은, 많은 것
, 공통 모듈의 숫자를 기록 코드가 별도의 파일로 동일한 레이아웃에 배치 할 수 있습니다, 우리는 그들이 할 수 지정된 위치에 다른 페이지에 소개하기 만
의 top.html로 작성된 머리를, 쓰기 (쓰기 전용 추가해야합니다) :
<DIV 스타일 = "너비 : 100 %; 높이 : 100 픽셀을, 배경 : 녹색, 텍스트 정렬 : 센터; 라인 - 높이 :; 100 픽셀은 ">
이 헤더 인
</ DIV>
: center.html 쓰기
; 폭 마진 80 % : <DIV 스타일 ="0 자동; 텍스트 정렬 = 왼쪽 : 센터; 국경 : 1 픽셀의 고체; " >
이 중간 텍스트입니다
</ DIV>
색인은, 방전 용기의 모듈을 배치하고로 로딩을 완료 할 준비가 다음 시간 이후에 할 필요가 :
<스크립트>
/ * 사용 JQ는 가장 편리한 작성하는
$를 (문서) .ready (함수 () {
$ ( "머리 #") 부하 (이하 "의 top.html").
$ ( "# 센터")로드 ( "center.html").
});* /
// JS는 네이티브 READY 달성하는데 사용될
{함수 READY (FN)를
IF (document.addEventListener) {
// 표준 브라우저
document.addEventListener는 ( 'DOMContentLoaded'함수 () {
document.removeEventListener가 ( 'DOMContentLoaded'), 거짓 arguments.callee를 // 로그 오프 이벤트가 트리거 반복 피하기 위해
FN을 (); // 함수를 실행
} ) false로;
}
다른 IF (document.attachEvent) {
//의 IE 브라우저
document.attachEvent ( '는 onreadystatechange의'함수 () {
IF합니다 (document.readyState == '전체') {
document.detachEvent ( '는 onreadystatechange의'인수 .callee),
FN ();
}
});
}
}
//라고 여기 READY
준비 (함수 () {
$ ( "머리 #") 부하 (이하 "의 top.html").
$ ( "# 센터"). 부하 ( "센터.HTML ")
})
</ script>
<DIV ID = "머리"> </ DIV>
<DIV 스타일 = "텍스트 정렬 : 센터; 패딩 : 20 픽셀;">
테스트
</ DIV>
<DIV ID = "센터"> </ DIV>
렌더링 :
