JavaScript를 통해 iframe의 요소 값을 얻는 방법-JS 튜토리얼-php.cn

요구사항 분석 우리 프로젝트에 두 개의 HTML a와 b가 있다고 가정합니다. a.html은 어떻게 b.html의 요소 값을 얻을 수 있나요?

특정 구현 b 페이지에 입력이 있습니다

a 페이지 HTML 코드:

a 페이지 JavaScript 코드:

//为什么用 window.onload 下面会详解window.onload = function () { //先取到iframe var b= document.getElementById("b"); //通过iframe取其b.html上的值 var hh= b.contentDocument.getElementsByName("hh")[0].value; //弹出消息, 查看正确与否 alert(hh); } window.onload: 페이지의 모든 리소스가 로드되고 실행됩니다 $ (document).ready(function(){})（相当于jQuery中的 $ (함수 (){} ) ): 페이지의 DOM 노드가 생성되고 실행됩니다 $(document).ready(function(){})를 사용하면 값을 얻을 수 없습니다. 대답은 다음과 같습니다. iframe 노드가 생성되었지만 페이지 리소스가 로드되지 않았으나 이때 JS 코드가 즉시 실행되어 결과적으로 값을 얻을 수 없으며 모든 페이지 리소스가 로드될 때까지 window.onload가 대기합니다. JS 코드를 실행하기 전에 로드됨 읽어주셔서 감사합니다