이 기사에서는 JavaScript의 iframe 프레임 워크 페이지에서 함수를 호출하는 방법에 대해 설명합니다. 이 호출 방법은 실제로 매우 간단합니다. 이 방법을 사용하면 iframes간에 값을 전달하거나 수정할 수 있으며 작동은 매우 간단합니다. 참조를 위해 공유하십시오. 특정 구현 방법은 다음과 같습니다.
iframe의 함수에 액세스하십시오.
코드 사본은 다음과 같습니다. document.getElementById ( 'caminiframe'). contentwindow.haslogined ();
의견은 iframe의 ID입니다.
Window.onload에서 실행하려면
예는 다음과 같습니다.
1.html
다음과 같이 코드를 복사하십시오. <a href = "#"onclick = "window.frames [ 'frame1']. mynext ()" "> aa </a>
<iframe id = "frame1"src = "2.html"> </iframe>
2.html 페이지
다음과 같이 코드를 복사하십시오. <script language = "javaScript"type = "text/javaScript">
함수 myNext ()
{
경고 (1);
}
</스크립트>
1.htm에서 테스트 버튼을 클릭하면 2.htm (iframe 페이지)에서 MyButton 버튼을 무효화 할 수 있습니다. 간단 해요, 하하 2.htm에서 JS 함수를 호출하려면 다음을 작성하십시오.
다음과 같이 코드를 복사하십시오 : self.frames [ 'a']. functionName (param)
1.htm : iframe2.showinfo ()에서 2.htm에서 JS 함수를 호출하십시오.
예제 설명 :
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 :
다음과 같이 코드를 복사하십시오. <html>
<헤드>
<script type = "text/javaScript">
함수 ff () {
Alert ( ">> index의 js 함수 index.html");
}
</스크립트>
</head>
<body>
<div style = "배경 : lightblue;">
이것은 색인 페이지입니다.
<input type = "button"value = "run index의 함수"onclick = "ff ();"; />
<입력 유형 = "button"value = "run 내부 페이지의 함수 실행"onclick = 'window.frames [ "childpage"]. sonff ();' />
</div>
<iframe id = "childpage"name = "childpage"src = "inner.html"framborder = "0"> </iframe>
</body>
</html>
Inner.html :
다음과 같이 코드를 복사하십시오. <html>
<헤드>
<script type = "text/javaScript">
기능 sonff () {
Alert ( ">> 내부 페이지의 JS 함수");
}
</스크립트>
</head>
<body>
<div style = "배경 : Lightgreen;">
이것은 내부 페이지입니다.
<입력 유형 = "버튼"value = "run index의 함수"onclick = 'parent.window.ff ();'; />
<input type = "button"value = "run 내부 페이지 함수 실행"onclick = "sonff ();" />
</div>
</body>
</html>
이 기사의 설명이 JavaScript를 기반으로 한 모든 사람의 웹 프로그래밍에 도움이되기를 바랍니다.