>웹 프론트엔드 >JS 튜토리얼 >iframe 프레임에서 함수를 호출하는 Javscript 방법 page_javascript 기술

iframe 프레임에서 함수를 호출하는 Javscript 방법 page_javascript 기술

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB원래의
2016-05-16 16:32:131463검색

이 기사의 예에서는 Javscript의 iframe 프레임 페이지에서 함수를 호출하는 방법을 설명합니다. 이 호출 방법은 실제로 매우 간단합니다. 이 방법을 사용하면 작업이 매우 간단합니다. . 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다.

iframe 내부 기능 액세스:

코드 복사 코드는 다음과 같습니다.
document.getElementById('commentIframe').contentWindow.hasLogined();

commentIframe은 iframe의 ID입니다.
window.onload에서 을 실행하려면

예는 다음과 같습니다.

1.html

코드 복사 코드는 다음과 같습니다.
aa

2.html 페이지

코드 복사 코드는 다음과 같습니다.

1.htm에서 테스트 버튼을 클릭하면 2.htm(iframe 페이지)의 mybutton 버튼이 무효화됩니다. 참 간단해요, 하하. 2.htm에서 JS 함수를 호출하려면 다음과 같이 작성하세요.

코드 복사 코드는 다음과 같습니다.
self.frames['a'].funtionname(param)

1.htm에서 2.htm의 JS 함수 호출: iframe2.showInfo();

예:

index.html과 inner.html이라는 2개의 페이지가 있다고 가정합니다. index.html에 iframe이 있고, 이 iframe의 src는 inner.html을 가리킵니다.

지금 해야 할 일은:

1. index.html의 inner.html에서 js 메소드를 호출하세요
2. inner.html

의 index.html에서 js 메소드를 호출합니다.

구현 코드는 다음과 같습니다.

index.html:

코드 복사 코드는 다음과 같습니다.
함수 ff(){
Alert(">>이것은 인덱스의 js 함수 index.html입니다.
}
스크립트>
머리>

인덱스 페이지입니다.
본문>


inner.html:




코드 복사

코드는 다음과 같습니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.