JS_javascript 스킬의 FRAME 연산 문제 분석 예시

이 기사의 예는 JS에서 FRAME의 작동을 설명하며 참고용으로 모든 사람과 공유됩니다. 구체적인 분석은 다음과 같습니다.

위 그림은 예시입니다. 여기서는 프레임 간 상호 동작을 간단히 나열하면 다음과 같습니다. 1. 변수 2. 방법 3. 페이지 간 요소 상호 획득.

1. 먼저 부모(frameABC)에서 시작--------->자식(frameA,frameB,frameC)

① 접근변수명 이름

frameABC에서 작동하는 경우 다음을 수행할 수 있습니다.

또는

또는

② 접근방법 func

frameABC에서 작동하는 경우 다음을 수행할 수 있습니다.

window.frames("frameA").contentWindow.func(); 또는

document.getElementById("frameA").contentWindow. func() ; 또는

jquery: window.$("#frameA") [0] .contentWindow.func(); ③ 하위 페이지 요소에 액세스: 사용자 이름

frameABC에서 작동하는 경우 다음을 수행할 수 있습니다.

또는

또는

2. 그런 다음 하위(frameA, 프레임B, 프레임C)------------> 상위(frameABC)로

① 상위 페이지 변수 이름에 액세스합니다. 프레임A(하위 페이지)에서 작업하는 경우 다음을 수행할 수 있습니다.

② 상위 페이지 메소드 func에 액세스합니다. 프레임A(하위 페이지)에서 작업하는 경우 다음을 수행할 수 있습니다.

③ 상위 페이지 요소 사용자 이름에 액세스합니다. 프레임A(하위 페이지)에서 작업하는 경우 다음을 수행할 수 있습니다.

또는:

요약:

프레임은 단지 페이지 프레임일 뿐입니다. 서브프레임의 요소를 조작하려면 먼저 window 또는 contentWindow에 들어가야 합니다. 하위 페이지에서 상위 페이지에 접근하려면 상위-하위 관계를 계산하여 여러 레이어로 나누어야 합니다.

페이지 로딩 문제에 대한 다른 게시물을 온라인에서 읽었습니다. 아마도 하위 프레임 페이지가 로드되기 전에 요소를 조작하면 버그가 발생할 수 있다는 의미일 것입니다. 관심 있는 친구는 목표한 방식으로 테스트할 수 있으며 새로운 이득이 있을 것이라고 믿습니다!

이 기사가 모든 사람의 JavaScript 프로그래밍 설계에 도움이 되기를 바랍니다.