> 웹 프론트엔드 > JS 튜토리얼 > Javascript 기본지식(3) BOM, DOM 요약_기본지식

Javascript 기본지식(3) BOM, DOM 요약_기본지식

WBOY
풀어 주다: 2016-05-16 16:34:54
원래의
1356명이 탐색했습니다.

창 개체:

창 열기 및 닫기:

window.open()

세 가지 매개변수: 1. 새 창을 로드하는 페이지의 URL

2. 새 창 이름

3. 현재 로드된 페이지의 부울 값을 새로 로드된 페이지로 대체할지 여부에 대한 특성 문자열 및 설명입니다.

window.close()

시스템 대화상자:

1.alert("안녕하세요!");

2.confirm("정말입니까?");---

을 선택합니다.

3.prompt("이름이 무엇입니까?","");

시간 간격

setTimeout("alert('hello world!')",3000)은 3초에 한 번만 hello world를 실행합니다

cleanTimeout

setInterval("alert('hello world')".3000)은 3초마다 실행됩니다

클린간격

연혁

window.history.go(-1) 이전 페이지로 돌아갑니다

window.history.back이전 페이지로 돌아갑니다

window.history.go(1) 한 페이지 앞으로 이동

window.history.forward 한 페이지 앞으로

window.history.length는 기록의 페이지 수를 쿼리합니다

문서 개체:

document.links[0]액세스 링크

document.images[0] 또는 document.images["imgHome"] 이미지에 액세스

document.forms[0] 또는 document.forms["frmSubscribe"] 액세스 양식

위치 개체

href: 현재 로드된 페이지의 전체 URL

DOM에서 가장 중요한 노드:

1.요소 노드(Element);

2. 속성 노드(속성);

3. 텍스트 노드(텍스트);

4. 댓글 노드(댓글);

모든 유형의 노드에 대한 일반적인 방법:

찾기:

nodeName: 노드 이름

nodeValue: 노드의 값(주로 텍스트 노드의 경우, 요소 노드인 경우 null을 반환합니다.)

nodeType: 노드 유형

firstChild: 첫째 아들****

막내: 둘째 아들****

childNodes: 모든 하위 노드*****(두 가지 방법)////

previousSibling: 이전 형제 노드(sibling**)를 가리킵니다.

nextSibling: 다음 형제 노드(형제**)를 가리킵니다.

작업:

속성: 요소의 특성을 나타내는 Attr 개체를 포함하며 요소 노드에만 사용됩니다.

appendChild: 끝에 새 노드 추가

removeChild: 노드 삭제

replaceChild:교체

insertBefore: 노드를 추가하기 전에...

작성자:

createElement: 요소 노드 생성

createTextNode: 텍스트 노드 생성

클론: ​​

cloneNode: 노드 복사 true(전체 복사) false(얕은 복사)

지정된 노드에 액세스:

getElementById: 지정된 ID를 찾습니다.

getElementsByTagName: 지정된 요소의 유형을 찾습니다(배열 형식).

getElementsName: 지정된 요소의 이름을 찾습니다.

속성 검색, 변경, 설정:

getArrtibute: 속성 검색

setArrtibute: 속성 변경 예: setArribute(class, red) 첫 번째 매개변수는 클래스를 변경하고 두 번째 매개변수는 red로 설정됩니다.

removeAttibute: 속성 삭제

재정의, 텍스트 값 추가:

내부HTML

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿