오프너는 예를 들어, 페이지를 사용하여 B. 페이지가있는 창을 팝업하기 위해 열립니다. bpener 객체에서.
부모는 페이지 A와 같은 부모 창이 iframe 또는 프레임을 사용하여 B 페이지를 호출 한 다음 페이지 A가있는 창이 페이지 B의 부모임을 나타냅니다. JS에서 Window.opner는 POP -UP 창의 어머니 창에 대한 참조 일뿐입니다. 예를 들어 : A.HTML에서 버튼 등을 클릭하여 새 창이 작성됩니다. Window.open B.html. 그런 다음 B.html에서는 a.html 문서 및 기타 객체를 포함하여 A.html의 내용을 작동시키기 위해 a.html (오프너로 생략)을 참조 할 수 있습니다.
이 참조가 실패하면 NULL을 반환합니다. 따라서 오프너 객체를 호출하기 전에 먼저 객체가 null인지 결정해야합니다. 그렇지 않으면 "객체가 비어 있거나 존재하지 않는 JS 오류가 나타납니다.
예:
aa.html
다음과 같이 코드 코드를 복사하십시오.
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<헤드>
<meta http-equiv = "content-type"content = "text /html; charset = utf-8" /> />
<title> 비 -타이틀 문서 </title>
</head>
<body>
<span id = "name"> </span>
<입력 유형 = "버튼" "value ="pop -up "onclick ="window.open ( 'bb.html') " /> />
</body>
</html
bb.html
다음과 같이 코드 코드를 복사하십시오.
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<헤드>
<meta http-equiv = "content-type"content = "text /html; charset = utf-8" /> />
<title> 비 -타이틀 문서 </title>
</head>
<body>
<입력 유형 = "text"id = "inputValue"/>
<입력 유형 = "버튼"value = "add"onclick = "window.opent.document.getElementById ( 'name'). innerHtml = inputValue.Value"/>
</body>
</html>
window.opner는 현재 창을 생성하는 창에 대한 참조를 반환하고 aa.htm에서 링크를 클릭하여 bb.htm에 값을 입력하고 AA에 값을 입력하려고합니다. .htm on aa.htm "name"이있는 텍스트 상자에
작성 :
window.opner.document.getElementById ( "이름"). "입력 데이터";
window.opner.document.getElementById ( "이름") "데이터 입력";