사이트 전반에 걸쳐 요즘, 일부 느린 속도를 가지고 있지만, 거의, 물론, 균일 한 스타일의 웹 사이트에서, 그것은 필요한 광고 효과가 배너, 열 사진, 저작권 및 기타 상황이 동일한 많이 넣어 가지고있는 모든 페이지이며, 이것은 이해할 수있다 결국, 사용자가이 일의 "치장", "점점 수척 한 돈을 제거"등의 지갑을 만들 수 있으며, 이런 비슷한 일이 다운로드 후 다운로드하지 않아도 만들 수있는 방법은 없습니다, 다운로드 만 목차 페이지 콘텐츠 영역을 변경 그것은?
대답은 확실히 : iframe이 태그!
A, Iframe을 사용하여 표시
Iframe에를 올리고, 당신은 이미 낯선되지 않습니다 그의 형제 프레임에 대해 얘기은 "잊혀진 코너"에 던져,하지만 할 수있다. 우리는 멀티 프레임 구조에 대해 얘기 표시되는 프레임 표시 프레임은 브라우저 창에 여러 HTML 파일을 표시하는 것입니다. 이제, 우리는 매우 현실적인 시나리오가 발생했습니다 과정 튜토리얼 콘텐츠 차이의 각 섹션에 추가로 "마지막"을 만들어 각 페이지의 끝에서 지상에 하나, "다음 장"링크 인 경우 뿐만 아니라, 페이지의 다른 부분 페이지로 페이지가 바보 만들 경우, 너무 같은 페이지의 다른 부분을 할 수있는 방법이 있는지 만 자습서 할 생각 다음 보링 및 보인다, 동일 기타 콘텐츠의 무료 페이지 내용에 페이지 표시 페이지, 당신은, 다른 유물 변경 과정의 내용의 일부를 변경, 위 아래 링크 페이지를 클릭하면, 그래서 다른 사람은 튜토리얼에서 발생해야 후 변경 될 수 있습니다 동안 하나가 지방 인 경우 그것은 군대의 상황에 영향을 미치지으로도 매우 편리하다, 더 중요한 그 광고 배너, 주제 목록, 탐색 거의 모든 페이지에서 다운로드 후 첫 번째 정류장을 다운로드 할 수있는 뭔가가 있다는 것입니다.
iframe 태그는 또한 당신이 HTML에 포함 된 표시 HTML 문서에서 사용할 수 있습니다, 부동 프레임 마커를했다. 그것은, 즉, 프레임 HTML 파일에있어서 태그가 HTML 파일이 추가 된 개별 표시에 의해 참조되지 않는 최대 마크 다르지만 직접 전체적으로 추가적인 같이, HTML 파일의 내용을 병합하는 HTML 문서에 삽입 될 수있다 반복적 쓰기 내용, "그림에서 그림"TV이다 생생한 비유로하지 않고 페이지 내에서 동일한 콘텐츠를 여러 번 표시 할 수 있습니다.
이제 우리는 사용 iframe이 태그에 대해 이야기.
사용 iframe이 태그의 형식은 다음과 같습니다
<iframe이 SRC = "URL"폭 = "X"높이 = "X"스크롤 = "[OPTION]"FRAMEBORDER = "X"> </ iframe> 해당
SRC : 파일 경로, 어느 쪽 HTML 파일을 텍스트, ASP 등이 될 수있다;
폭, 높이 : "화면 속 화면"와이드 높은 영역;
세트 NO, 아니 스크롤 막대 경우 SRC 지정된 HTML 파일이 지정된 영역의 끝이 중요하지 않은 경우, 옵션을 스크롤 그러한 자동차로 : 스크롤 자동으로 바로 스크롤 예와 같이, 디스플레이;
FRAMEBORDER : 경계 영역의 폭이 순서 종종 제로로 설정 "PIP"인접 퓨즈의 내용을 허용할지.
예를 들면 :
<iframe이 SRC = "http://www.webjx.com"폭 = "700"높이 = "아니오"FRAMEBORDER = 스크롤 없음 "500", "0"> </ iframe> 해당
둘째, 부동 프레임의 상위 형태의 상호 제어
스크립팅 언어와 객체 계층 구조에서, 윈도우는 우리가 떠있는 프레임이 자식 폼이라고하면서, 부모 폼을 호출 둘 사이의 관계가 있기 때문에 접근 부모 폼에서 자식 창에 중요한 이해 iframe이 포함되어 있습니다 신체 또는 그 반대 명확한 개체 계층 구조 형태 및 제어 프로그램을 통해 액세스 할 수 있어야합니다.
부모 형태 1 및 액세스 제어 개체 하위
자식 폼이 자식 개체의 문서 객체입니다 부모 폼, iframe에, 당신은 스크립트에서 직접 하위 폼의 개체에 액세스 할 수 있습니다.
이제 우리는 객체가 Iframe에 대해 이야기 할 필요가 Iframe을 제어하는 방법이며, 문제가있다. 우리는 ID 속성을 설정하려면이 태그를 준 경우 HTML iframe이 일련의 문서 객체 모델 DOM에 포함 된 제어 할 수 있습니다.
예를 들어, 파일 test.htm을 example.htm을 년에 내장하고 태그로 HTML 컨트롤 개체의 일부에서 :
<iframe이 SRC = "로 HTML"ID = "테스트"폭 = "700"높이 = "500"스크롤 = "아니오"FRAMEBORDER = "0"> </ iframe> 해당
로 HTML 파일의 코드는 다음과 같습니다
<HTML>
<BODY>
<H1 아이디 = "myH1"> 안녕하세요, 내 아들 </ H1>
</ BODY>
</ HTML>
우리는 텍스트에 H1 태그의 ID 번호를 변경하려면 myH1의 안녕, 내 사랑이, 사용할 수 있습니다 :
document.myH1.innerText = "안녕, 내 사랑"(문서가 저장 될 수있는)
example.htm을 파일에서 iframe이 태그 개체는 개체 액세스 제어로, 그들을 반복하지 않을 것이다, 일반 DHTML 개체 모델과 일치하는 하위 형태에 언급.
프런트 엔드 학습 qun438905713 만들기, 그룹의 대부분은 제로 학습자, 우리는 서로에 대답하고, 또한 학습 자료를 많이 준비, 서로 도움이, 교환에 제로 주니어 파트너를 환영했다.
도 2는 액세스 제어는 부모 폼 하위 폼의 개체
자식 폼에서, 우리가 할 수있는 개체의 부모 창에 액세스 할 수있는 부모 (부모) 객체 인 부모에 의해.
example.htm을 같이 :
<HTML>
<BODY οnclick = "경고 (tt.myH1.innerHTML)">
<iframe이 이름 = "TT"의 SRC = "frame1.htm"폭 = "700"높이 = "500"스크롤 = "아니오"FRAMEBORDER = "하지 0 "> </ iframe> 해당
<H1 ID ="myH2 "> 안녕하세요, 내 아내 </ H1>
</ BODY>
</ HTML>
당신이 frame1.htm에서 제목 텍스트와 myH2의 변화를 ID 번호에 액세스하려면 "안녕, 내 친구는"우리가 쓸 수 있습니다 :
parent.myH2.innerText = "안녕, 내 친구"
여기서 부모 오브젝트는 예외없이 부모 오브젝트에 의해 수행되고, 부 형태로 오브젝트의 부모 형태에 액세스 할 수있는 현재의 양식 (example.htm을 양식)을 나타낸다.
iframe이는 있지만 다른 HTML 문서에 포함하지만, 상대적으로 독립적 인 유지에 "독립 왕국"요, 하나의 HTML에 떠있는 프레임에 동일하게 적용 할 수있다.
상상 iframe이 태그를 통해, 우리가 쓰기에 같은 내용을 반복 할 필요가 없습니다, 그래서 그 표현 iframe이에 대한 내용을 변경할 수 있으며,이 프로 시저 또는 함수에서 프로그래밍과 같은 비트가, 지루한 육체 노동 감소의 수! 또한, 조정은 각 페이지의 레이아웃을 수정할 필요가 없습니다, 당신은 부모 폼에 레이아웃을 수정해야하기 때문에이 페이지를 수정하는 것이 더 가능하게하는 것이 중요합니다.
주의 할 것은, Nestscape 브라우저가 iframe이 태그를 지원하지 않지만, 요즘 생각과 함께, 널리 사용되는 Iframe 태그, 모두 자신에 대한 심각한 문제가 없을 것으로 보인다 세계에서 IE (웹 사이트) 및 사용자의 순 원가 절감, 왜?
