iframe이 페이지의 배경을 바탕으로

I. 서론

　　웹 페이지 관리자 백 엔드, 기본적으로 머리글, 바닥 글, 중간 왼쪽 메뉴, 메인 페이지의 오른쪽. 달성하기 위해 여러 가지 방법이 iframe이 가장 일반적인 하나가 있습니다.

둘째, 페이지 파일 및 인터페이스

파일 디렉토리 :

인터페이스 세부 정보 :

인터페이스는 조금 못생긴, 결코 마음을 달성하는 방법에 대해 살펴 보았다입니다.

3. 각 페이지 코드

index.html을

< HTML > 
< 머리 > 
    < 제목 > 인덱스 </ 제목 > 
    < 스타일 > 
        사업부 { 
            플로트 : 왼쪽 ; 
            배경 색상 : 녹색 ; 
        } 
    </ 스타일 > 
</ 헤드 > 
< 본문 > 
< iframe이 SRC = "head.html" FRAMEBORDER = "0" 스타일 = "폭 : 100 % 신장 : 10 %; 오버플 : 숨김; 배경색 : 블루;"> 
< DIV 스타일 = "폭 : 100 % 신장 : 80 %; 오버플 : 숨김;" > 
    < DIV > < iframe이 SRC = "side.html" FRAMEBORDER = "0" > </ iframe이 > </ DIV > 
    < DIV > < iframe이 이름 = "메인" SRC = "page1.html" FRAMEBORDER = "0" > </ iframe이 > </ DIV > 
</ DIV > 
< iframe을 SRC = "foot.html"= "폭 : 100 % 신장 : 10 %; 오버플 : 숨김; 배경색 : 블루;" > </ iframe이 > 
</ 바디 > 
</ HTML >

head.html

< HTML > 
< 선두 > 
    < 타이틀 > 헤드 </ 타이틀 > 
    
</ 헤드 > 
< 본문 > 
    헤드 
</ 바디 > 
</ HTML >

foot.html

< HTML > 
< 선두 > 
    < 타이틀 > </ 타이틀 > 
</ 헤드 > 
< 본문 > 
    발 
</ 바디 > 
</ HTML >

side.html

< HTML > 
< 선두 > 
    < 타이틀 > 측 </ 타이틀 > 
    
</ 헤드 > 
< 체 > 
< HREF = "page1.html" 대상 = "메인" > page1.html </ > < HREF = "페이지 2. HTML " 대상 ="메인 " > page2.html </ > </ 바디 > </ HTML >

page1.html

< HTML > 
< 머리 > 
    < 제목 > PAGE1 </ 제목 > 
    
</ 머리 > 
< 몸 > 
PAGE1 
</ 몸 > 
< 스크립트 > 
    메시지하자 =  " PAGE1을 " ; 
    CONSOLE.LOG (메시지); 
</ 스크립트 > 
</ HTML >

page2.html

< HTML > 
< 머리 > 
    < 제목 > 페이지 2 </ 제목 > 
    
</ 머리 > 
< 몸 > 
페이지 2 
</ 몸 > 
< 스크립트 > 
    메시지하자 =  " 페이지 2를 " ; 
    CONSOLE.LOG (메시지); 
</ 스크립트 > 
</ HTML >

side.html 페이지 <A> 태그 이름은 지정된 페이지를 여는 <iframe> 해당 메인 타겟으로 지향된다.

IV 요약

　　상기 기본적인 페이지, 이는 이러한 프론트 엔드 프레임 JQuery와, 뷰와 같은 부트 스트랩 ElementUI, LayUI, 인터페이스 등의 인기있는 프론트 엔드의 사용에 기초 할 수있다

iframe이 페이지의 배경을 바탕으로

추천