>웹 프론트엔드 >JS 튜토리얼 >JavaScript 이벤트 및 방법에 대한 간략한 분석_javascript 기술

JavaScript 이벤트 및 방법에 대한 간략한 분석_javascript 기술

WBOY
WBOY원래의
2016-05-16 16:12:261287검색

하이퍼링크를 클릭하면 이벤트가 실행됩니다

1. 태그 클릭 시 사용

이러한 작성 방법에는 단점이 있습니다. 즉, 클릭하면 페이지가 새로 고쳐지고 페이지 상단으로 돌아갑니다.

새로 고침 없이 어떻게 할 수 있나요?

코드 복사 코드는 다음과 같습니다.

2. #과 자바스크립트의 차이점: void(0)

하이퍼링크가 "데드 링크"인 경우 #과 javascript:void(0);의 차이점을 사용하세요.

Void(0)은 쓸모없는 값이고 아무데도 가지 않고 의미가 없습니다

그리고 #은 현재 페이지를 새로 고칩니다.

3. 또는 a 태그의 href를 사용하세요

하이퍼링크 href의 JavaScript에만 "javascript:"를 추가해야 합니다.

이벤트는 아니지만 "javascript:"를 "http:", "ftp:", "thunder://", "ed2k://" 및 "mailto:"와 같은 네트워크 프로토콜로 취급하기 때문입니다. , 처리를 위해 js 구문 분석 엔진에 넘겨졌습니다.

방법 강조

1. 새 줄을 시작하지 마세요

일반적으로 js에서 중괄호를 작성할 때는 새 줄을 시작하는 대신 바로 따라야 합니다.

이유는 js가 명령문 끝에 "세미콜론"을 자동으로 추가하기 때문입니다. 중괄호가 새 줄에 배치되면 return 문 뒤에 "세미콜론"이 자동으로 추가되고 반환 값은 다음과 같습니다. 정의되지 않게 됩니다.

2. 반환값 유형을 선언할 필요가 없습니다

반환값 유형이나 매개변수 유형을 선언할 필요가 없습니다. 함수 정의는 함수로 시작됩니다.

JavaScript에서는 C#이나 Java와 같이 모든 경로에 반환 값이 있어야 하는 것은 아닙니다. 반환 값이 없으면 정의되지 않습니다.

3. 메서드 오버로드 없음

JavaScript에는 메소드 오버로딩이 없습니다.

메서드에 매개변수를 쓰는 것을 명명된 매개변수라고 합니다

사용자가 여러 숫자의 합을 계산하는 메소드를 호출합니다. 메소드에서 매개변수 수를 가져오는 방법은 무엇입니까?

인수 객체를 사용해 주세요!

익명기능

1. 방법 1

코드 복사 코드는 다음과 같습니다.

var f1=function(p1,p2){ return p1 p2 };//변수에 함수 할당

익명함수는 호출할 수 없으며 변수에만 할당할 수 있는 대입문이므로 뒤에 세미콜론을 추가해야 합니다

신청방법:

코드 복사 코드는 다음과 같습니다.

document.getElementById('btn').onclick=function(){}

2. 방법 2

코드 복사 코드는 다음과 같습니다.

(함수(p1,p2){alert(p1 p2);})(20,30);

3. 방법 3

코드 복사 코드는 다음과 같습니다.

var m1=new Function(“p1”,”p2”,”p3”,”return p1 p2 p3”);
경고(m1(1,2,3));낮은 성능

jQuery에는 이런 종류의 익명 함수가 많이 사용됩니다

확장 메소드 프로토타입

클래스 객체의 프로토타입을 통해 확장 방법을 설정합니다.

확장 메서드를 사용하기 전에 확장 메서드 선언을 먼저 실행해야 합니다. JS 함수에는 특별한 함수 기본값 구문이 없지만 매개변수에 값을 전달할 수 없습니다. 값을 전달하지 않으면 매개변수 값이 정의되지 않고 기본값을 설정할 수 있습니다.

코드 복사 코드는 다음과 같습니다.

var msg ='xiaoming@111.com';
String.prototype.isEmail = function(){
return this.indexof('@')!= -1 ?true:false;
};
경고(msg.isEmail);

이벤트

1.콜 이벤트

2. 이벤트 등록

페이지가 로드된 후에만 페이지 요소에 대한 이벤트를 등록할 수 있습니다.

따라서 onload = function(){

//여기에서 이벤트를 등록하세요

};

페이지 로딩 이벤트

코드 복사 코드는 다음과 같습니다.