js_javascript 기술에서 오프너와 상위 간의 차이점에 대한 자세한 분석

오프너는 내 것을 여는 사람입니다. 예를 들어 페이지 A는 window.open을 사용하여 페이지 B의 창을 팝업하고 페이지 A가 있는 창이 페이지 B의 오프너가 됩니다. 페이지 A는 다음을 통해 액세스할 수 있습니다. B페이지의 오프너 개체

부모는 부모 창을 나타냅니다. 예를 들어 페이지 A가 iframe 또는 프레임을 사용하여 페이지 B를 호출하는 경우 페이지 A가 있는 창이 페이지 B의 부모입니다. JS에서 window.opener는 팝업 창의 상위 창에 대한 참조일 뿐입니다. 예를 들어 a.html에서 window.open은 버튼을 클릭하여 b.html 새 창을 엽니다. 그런 다음 b.html에서는 a.html의 문서 및 기타 개체를 포함하여 window.opener(생략하여 오프너로 작성)를 통해 a.html을 참조하고 a.html의 내용을 조작할 수 있습니다.

이 참조가 실패하면 null이 반환됩니다. 따라서 오프너 개체를 호출하기 전에 먼저 해당 개체가 null인지 확인해야 합니다. 그렇지 않으면 "개체가 비어 있거나 존재하지 않습니다."라는 JS 오류가 발생합니다.

예:
aa.html

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

< span id="name">

bb.html

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

< ;meta http-equiv= "Content-Type" content="text/html; charset=utf-8" />

window.opener는 다음 창에 대한 참조를 반환합니다. 예를 들어, aa.htm에서 링크를 클릭하고 bb.htm을 연 다음 bb.htm에 값을 입력하고 aa.htm에서 ID가 "name"인 텍스트 상자에 할당할 계획입니다. 그럼

은 다음과 같이 작성됩니다.
window.opener.document.getElementById("name").value = "Input data";
window.opener.document.getElementById( "name").innerHTML= "입력 데이터";