Pro JavaScript 기술 연구 Notes_javascript 기술

전역 변수는 Window 개체 속성의 일부입니다. 예:

코드 복사 코드는 다음과 같습니다. var test = 'test'; alert(window.test); 브라우저 렌더링 및 HTML 작동의 대략적인 순서: HTML 구문 분석 완료 외부 스크립트 및 스타일시트가 로드됨 문서 내에서 스크립트가 구문 분석 및 실행됨 HTML DOM이 완전히 구성됨 이미지 및 외부 콘텐츠가 로드됨 웹 페이지가 로드됨 모든 주요 브라우저는 모두 innerHTML 속성을 구현하지만 통일된 표준이 없기 때문에 다소 이상한 버그가 있습니다.

Mozilla 기반 브라우저는 innerHTML 선언에서 요소를 반환하지 않습니다. IE에서 반환하는 요소 문자는 모두 대문자입니다. innerHTML은 요소의 HTML 속성에만 사용할 수 있습니다. DOM 문서 중 XML DOM 문서에 사용된 경우 null 값만 반환합니다. 요소에 지정된 속성이 있는지 확인:

코드 복사 코드는 다음과 같습니다. function hasAttribute(elem, name) { return elem.getAttribute(name) != null }; JavaScript 이벤트는 두 단계로 실행됩니다. : 캡처 및 버블.

GET 요청에는 파괴적인 부작용(예: 메시지 삭제)이 있어서는 안 됩니다.

클릭, 마우스오버, 마우스아웃 이벤트가 발생하는 모든 경우에 대해 마우스 제한이 없는 선택적 이벤트를 제공하는 것을 고려하세요. 코드 복사 코드는 다음과 같습니다. onmouseout –> –> onkeydown onmouseup –> onkeypress onmouseover –> onfocus

코드 복사

코드는 다음과 같습니다. var ax = document.getElementsByTagName('a') for ( var i = 0; i ax[i].onmouseover = ax[i].onfocus(){ this.style.BackgroundColor = 🎜>}; ax[i].onmouseout = ax[i].onblur = function(){ this.style.BackgroundColor = 'white' }; >

정적 위치 지정: 이는 요소를 배치하는 기본 방법으로, 단순히 문서의 일반적인 흐름을 따릅니다. 요소가 정적으로 배치되면 위쪽 및 왼쪽 특성이 적용되지 않습니다.

position:static;top:0px;left:0px; 상대 위치 지정: 이 형식의 위치 지정은 달리 지정하지 않는 한 요소가 문서의 일반적인 흐름을 계속 따른다는 점에서 정적 위치 지정과 매우 유사합니다. . 그러나 top 또는 left 속성을 설정하면 요소가 원래(정적) 위치를 기준으로 오프셋됩니다.

position:relative;top:-50px;left:50px; 절대 위치 지정: 절대 위치 지정 요소는 페이지 레이아웃의 일반적인 흐름에서 완전히 벗어나 첫 번째 요소를 기준으로 위치가 지정됩니다. 비정적 위치 지정 조상 요소로 표시됩니다. 그러한 상위 요소가 없으면 전체 문서를 기준으로 합니다. 위치:absolute;top:20px;left:0px; 고정 위치 지정: 고정 위치 지정은 브라우저 창을 기준으로 요소의 위치를 지정합니다. 요소의 상단과 왼쪽을 0으로 설정하면 해당 요소가 브라우저의 왼쪽 상단에 표시되며 브라우저 스크롤 막대의 드래그를 완전히 무시하고 항상 사용자의 시야에 나타납니다.

position:fixed;top:20px;left:0px; 개발 예약 대체(점잖게 저하): 페이지에 동적 상호 작용 형식을 추가하면 일부 사용자가 소외될 가능성이 있습니다. JavaScript 또는 CSS가 비활성화된 경우 웹 애플리케이션은 기본적인 유용성을 가져야 한다는 점을 항상 염두에 두어야 합니다.