>웹 프론트엔드 >JS 튜토리얼 >자바스크립트 참조 object_javascript 기술의 메소드 코드

자바스크립트 참조 object_javascript 기술의 메소드 코드

WBOY
WBOY원래의
2016-05-16 19:10:241144검색

동일 페이지 내 참조 방법:

1. ID 사용:

link1.href

2. 이름 사용:

document.all.link1. href

3. sourceIndex 사용:

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

4. 링크 컬렉션 사용:

document.anchors(0).href //모든 컬렉션에는 all, 앵커, 애플릿, 영역, 속성, BehaviorUrns, 북마크,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


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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.