javascript_기본 지식에서 객체를 참조하는 방법

51js

=============
동일 페이지 내 인용 방법:

사용 ID:

link1.href

2. 이름 사용:

document.all.link1.href

3. sourceIndex 사용:

document.all (4).href //앞에 HTML, HEAD, TITLE, BODY가 있으니 4

4. 링크 모음 사용:

document.anchors(0). href / /모든 컬렉션에는 모두, 앵커, 애플릿, 영역, 속성, BehaviorsUrns, 북마크,boundElements, 셀, childNodes, 어린이, controlRange, 요소, 포함, 필터, 양식, 프레임, 이미지, 가져오기, 링크, mimeTypes, 옵션이 포함됩니다. 플러그인, 행, 규칙, 스크립트, styleSheets, tBodies, TextRectangle, MSDN 소개를 참조하세요. 실제로 방법 3과 방법 4는 페이지의 모든 태그를 포함할 수 있는 반면 앵커에는 링크만 포함한다는 점을 제외하면 동일한 세트를 사용합니다.

5. getElementById:

document.getElementById("link1").href

6. getElementsByName:

document.getElementsByName("link1") [0].href //이 메소드의 매개변수와 이름이 동일한 모든 태그의 컬렉션이기도 합니다.

7. getElementsByTagName:

document.getElementsByTagName("A ")[ 0].href //이것은 또한 집합이며, 태그 이름이 메서드

의 매개변수와 동일한 모든 태그의 집합입니다. 8. 태그 집합:

document.all.tags("A ")[0].href //방법 7과 동일, 태그 이름으로 컬렉션 가져오기

또한 event.scrElement는 트리거에서 태그에 대한 참조를 가져올 수 있습니다. document.elementFromPoint(x,y)는 x 및 y 좌표에서 요소에 대한 참조를 얻을 수 있습니다. document.body.comComponentFromPoint(event.clientX, event.clientY)는 마우스가 있는 요소에 대한 참조를 얻을 수 있습니다. 또한 요소의 부모-자식 노드 및 형제 노드 관계를 통해 참조될 수도 있습니다. 예를 들어 nextSibling(현재 노드 뒤의 노드), PreviousSibling(현재 노드 앞의 노드), childNodes, children, firstChild, lastChild, parentElement 등은 모두 부모-자식 노드 및 형제 노드에 대한 참조입니다. 이에 국한되지 않습니다.

위는 동일한 페이지 내의 일반적인 참조 방법이며

============= 다른 페이지에도 포함됩니다.
페이지 구성의 경우, parent.frames("프레임 이름") 및 top.frames("프레임 이름")을 사용하여 다른 프레임을 참조할 수 있습니다. 후속 참조는 동일한 페이지의 참조와 동일합니다.
예:
parent.frames("frame1").document.all.link1
top.frames("frame1").document.all.link1

==== == ========
window.open()으로 열린 창의 경우 var newwin=window.open()을 사용한 다음 newwin을 사용하여 새 창을 참조할 수 있습니다. ;새 창은 window.opener를 사용하여 자신을 연 창을 참조할 수 있으며, 이는 opener로 축약될 수 있습니다. 예:
var newwin=window.open()
부모 창(여기는 window.open() 메서드를 사용하는 창입니다.):
newwin.document.all.link1 //부모 창 문장은 새 창의 개체를 참조할 수 있습니다.
자식 창( window.open() 메소드로 열린 창):
opener.document.all .link1 //자식 창은 상위 창의 객체를 참조할 수 있습니다.

예를 들어 여러 개의 오프너도 지원됩니다. : opener.opener.document.all.link1


방법은 다양하지만, 상황에 따라 결정해야 할 때도 있고 유연하게 사용할 수도 있습니다.