>  기사  >  웹 프론트엔드  >  일반적인 JavaScript 태그 및methods_javascript 기술 요약

일반적인 JavaScript 태그 및methods_javascript 기술 요약

WBOY
WBOY원래의
2016-05-16 15:41:211194검색

자바스크립트란 무엇인가요?

(1) JavaScript는 보안 기능을 갖춘 객체 및 이벤트 중심 스크립팅 언어입니다.

(2) JavaScript는 Netscape에서 개발한 스크립트 언어입니다. 이를 통해 작성된 프로그램은 HTML 페이지에 내장되어 브라우저에서 직접 해석되고 실행될 수 있습니다.

(3) JavaScript는 브라우저에서 직접 해석하고 실행할 수 있으므로 서버 부담을 줄이고 프로그램 운영 효율성을 향상시킬 수 있습니다.

//이벤트(이벤트 청취):

//Tag object.Event Monitoring.function(){실행된 코드, 객체 찾기, 속성 찾기, 속성 변경};

이벤트 소스. 메소드를 호출합니다. 메소드는 실행 코드를 찾고, 객체를 찾고, 속성을 변경합니다(또는 속성을 사용하고, 추가, 삭제, 수정 및 확인합니다).

onmouseover 요소 위로 마우스를 이동하세요.


onmouseout 요소에서 멀리 마우스를 이동합니다.


onkeydown 키보드 누르기(즉, 계속 누르고 있음)


onkeypress 키보드를 눌렀다 놓습니다(즉, 클릭하고 눌렀다 떼는 것)


온키업 키보드를 놓으면(즉, 놓았을 때)


마우스를 아래로 누른 다음 위로 클릭하세요(클릭)


onmousedown 마우스 버튼을 눌렀을 때(누르고 있음)


onmousemomo 마우스 움직임(누르거나 누르지 않고 이동)


onmouseout 마우스가 요소 위로 이동합니다(마우스가 요소 위에 있을 때)


onmouseup 마우스 버튼 놓기(마우스를 놓았을 때)


onresize 창이나 프레임의 크기가 조정됩니다


window.onresize


제출 시 양식 제출


onblur 요소가 포커스를 잃습니다


onfocus 요소가 포커스를 받습니다


브라우저의 빈 영역의 너비와 높이(즉, 브라우저의 너비와 높이)


너비: document.documentElement.clientWidth

높음:document.documentElement.clientHeight;

//객체 획득 방법:

                      // window.document.getElementById('miao') // 창 생략 가능


document.getElementById('miao');//ID는 고유하고 충돌할 수 없으므로 배열이 아닌 객체 값을 얻습니다


document.getElementsByTagName("a");//태그 이름이 고유하지 않습니다. 모든 태그 개체를 가져오고 배열을 생성합니다


document.getElementsByClassName("a");//className은 고유하지 않습니다. className이 a인 모든 레이블 객체를 가져오고 배열을 생성합니다.


                                                                        document.getElementsByName("a"); 배열


태그 전체입니다

개체를 얻은 후 태그의 내용을 가져오려면 개체의 innerHTML 속성을 호출하면 됩니다.


Label object.innerHTML: 라벨 사이의 텍스트를 나타냅니다.


Label object.innerHTML = 새 데이터: 태그 사이의 내용에 값 할당

//팝업:

경고(): 일반 팝업 창

Confirm() : 확인 및 취소 팝업창을 띄운다

프롬프트(): 입력 상자가 있는 팝업

setTimeout(func,n);//Timer, n초 후 func에서 프로그램 실행, 단위는 밀리초

                                                                                                           >

setInterval(func,n): 고정된 시간 간격으로 무언가를 실행합니다


clearInterval(s);

//문자열을 숫자 유형으로 변환하는 parInt();

var h =document.documentElement.clientHeight;//브라우저 높이 가져오기


var w =document.documentElement.clientWidth;//브라우저 너비 가져오기


var div1 = document.getElementById("id");//ID가 id인 태그의 객체를 가져옵니다


iw=parseInt(w)//w를 숫자형으로 변환


ih=parseInt(h)


div1.style.height=ih 'px';//할당


div1.style.width=iw 'px';

위 내용은 이 글의 전체 내용입니다. 앞으로 프로젝트를 진행하실 때 JavaScript 태그와 메소드를 사용하시는 모든 분들에게 도움이 되었으면 좋겠습니다.

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