[네트워크 수집] IFRAME 요소 | iframe 객체 |
4902 단어 iframe
IFRAME 요소 | iframe 객체 |
메모
IFRAME 요소는 문서의 문서이거나 부동된 것 같다프레임(FRAME).frames 컬렉션은 IFRAME 컨텐츠에 대한 액세스를 제공합니다.Frames 컬렉션을 사용하여 IFRAME에 포함된 요소를 읽고 쓰십시오.예를 들어, iframe 내body 객체의 backgroundColor 스타일에 액세스하려면 구문은 다음과 같아야 합니다.sColor = document.frames("sFrameName").document.body.style.backgroundColor;
iframe 대상이 있는 페이지의 대상 모델을 통해 iframe 대상의 속성에 접근할 수 있지만 내용에 접근할 수 없습니다.예를 들어, iframe 객체에 액세스하는 border 스타일의 구문은 다음과 같아야 합니다.sBorderValue = document.all.oFrame.style.border;
주의
iframe의 속성은 접두사를 사용해야 합니다
document.all 액세스(예:
document.all.iframeId.marginWidth.
Internet Explorer 5.5는 부동 프레임의 내용 투명성을 지원합니다.부동 프레임에 투명한 내용을 정의하려면 다음과 같은 조건이 충족되어야 합니다.
sColor = document.frames("sFrameName").document.body.style.backgroundColor;
sBorderValue = document.all.oFrame.style.border;
참고하다
투명한 부동 프레임 사용 투명 부동 프레임워크에 대한 더 많은 정보를 얻을 수 있습니다.
이 요소는 Microsoft® Internet Explorer 4.0의 HTML 및 스크립트를 사용할 수 있습니다.
이 요소는 블록 요소입니다.
이 요소는 탭을 닫아야 합니다.
예제
다음 예는 IFRAME 요소를 사용하여 페이지를 포함하는 Sample을 만들었습니다.htm의 프레임워크.
<IFRAME ID=IFrame1 FRAMEBORDER=0 SCROLLING=NO SRC="sample.htm"></IFRAME>
다음 예는 IFRAME에 포함된 문서의 all 집합에 대한 인용을 되돌려줍니다.
var collAll = document.frames("IFrame1").document.all
IFrame 인스턴스 응용 세트
IFrame는 웹 페이지에 '그림 속의 그림' 형식과 같은 다른 페이지를 삽입할 수 있다.태그의 사용 형식은 < Iframe src = "URL"width = "x"height = "x"scrolling = "[OPTION]"frameborder = "x"> src: 파일의 경로는 HTML 파일일 수도 있고 텍스트, ASP 등일 수도 있습니다.width,height:'그림 속의 그림'구역의 넓이와 높이;scrolling: SRC의 지정한 HTML 파일이 지정한 영역에서 끝나지 않을 때 스크롤 옵션은 NO로 설정하면 스크롤 바가 나타나지 않습니다.Auto인 경우 스크롤 막대가 자동으로 나타납니다.Yes인 경우FrameBorder: 영역 경계 너비,그림 속의 그림을 가까운 내용과 융합시키기 위해 항상 0으로 설정합니다. 예를 들어 >:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::대상 계층을 명확히 하고,프로그램을 통해 창에 접근하고 제어할 수 있습니다.1. 부모 창에서 하위 창에 접근하고 제어하는 대상이 부모 창에 있고 Iframe 즉 하위 창은 문서 대상의 하위 대상이며 스크립트에서 하위 창에 직접 접근할 수 있습니다.지금 문제가 하나 있다. 즉, 우리가 이 Iframe을 어떻게 통제하는가이다. 여기서 Iframe 대상에 대해 이야기할 필요가 있다.이 태그에 ID 속성을 설정하면 문서 객체 모델 DOM을 통해 Iframe에 포함된 HTML을 제어할 수 있습니다.예를 들면 example.htm에 테스트를 삽입합니다.htm 파일 및 테스트 제어.htm의 일부 표기 대상: test.htm 파일 코드는
hello, my boy
myH1의 H1 태그에 있는 문자가 hello, my dear인 경우:document을 사용할 수 있습니다.myH1.innerText= "hello, my dear"(그 중에서document는 절약할 수 있음)는 example에 있습니다.htm 파일에서 Iframe 태그 대상이 가리키는 하위 창은 일반적인 DHTML 대상 모델과 일치하며, 대상에 대한 접근 제어 방식과 같이 군말하지 않습니다.2. 하위 창에서 부모 창의 대상을 방문하고 제어합니다. 하위 창에서parent 즉 부모 대상을 통해 부모 창의 대상을 방문할 수 있습니다.예,example.htm:hello, my wife
htm에서 myH2의 제목 문자에 액세스하여 "hello, my friend"로 변경하면 다음과 같이 쓸 수 있습니다.parent.myH2.innerText= "hello, my friend"여기parent 대상은 현재 창(example.htm이 있는 창)을 대표하며 하위 창에서 부모 창에 접근해야 하는 대상은parent 대상을 통해 예외가 없습니다.Iframe은 다른 HTML 파일에 내장되어 있지만 상대적인 독립성을 유지합니다.독립 왕국"어머, 단일 HTML의 특성은 부동 프레임에도 적용됩니다. Iframe 표시를 통해 우리는 변하지 않는 내용을 Iframe로 표시할 수 있습니다. 이렇게 하면 같은 내용을 반복해서 쓸 필요가 없습니다. 이것은 프로그램 설계의 과정이나 함수와 같아서 얼마나 많은 번거로운 수공 노동을 줄일 수 있습니다! 또한 중요한 것은 페이지의 수정을 더욱 가능하게 하는 것입니다. 왜냐하면 판식 조정으로 인해 변경할 필요가 없기 때문입니다.모든 페이지를 수정하려면 부모 창의 버전만 수정하면 됩니다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
puppeteer로 iframe의 요소를 조작합니다.iframe내에 버튼을 준비해, 그 버튼을 누르면 버튼의 색이 바뀌는 만큼의 페이지를 만듭니다. app/index.html app/iframe.html puppeteer의 코드를 작성합니다. app/script.js...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.