Heim > Web-Frontend > js-Tutorial > Eine kurze Analyse von JavaScript-Ereignissen und Methoden_Javascript-Fähigkeiten

Eine kurze Analyse von JavaScript-Ereignissen und Methoden_Javascript-Fähigkeiten

WBOY
Freigeben: 2016-05-16 16:12:26
Original
1292 Leute haben es durchsucht

Klicken Sie auf einen Hyperlink, um ein Ereignis auszulösen

1. Verwenden Sie Onclick eines Tags

Diese Schreibweise hat den Nachteil, dass die Seite nach dem Klicken aktualisiert wird und wieder an den Seitenanfang zurückkehrt.

Wie geht das ohne Auffrischung?

Code kopieren Der Code lautet wie folgt:

2. Der Unterschied zwischen # und Javascript: void (0)

Wenn es sich bei dem Hyperlink um einen „toten Link“ handelt, verwenden Sie den Unterschied zwischen # und javascript:void(0);.

Void(0) ist ein nutzloser Wert, er geht nirgendwo hin, er hat keine Bedeutung

Und # aktualisiert die aktuelle Seite.

3. Alternativ können Sie den href des a-Tags verwenden

Nur ​​das JavaScript im href des Hyperlinks muss „javascript:“ hinzufügen,

Weil es kein Ereignis ist, sondern „javascript:“ als Netzwerkprotokoll wie „http:“, „ftp:“, „thunder://“, „ed2k://“ und „mailto:“ behandelt. , Zur Verarbeitung an die js-Parsing-Engine übergeben.

Besonderer Schwerpunkt auf Methoden

1. Beginnen Sie keine neue Zeile

Im Allgemeinen sollten beim Schreiben von geschweiften Klammern in js diese direkt gefolgt werden, anstatt eine neue Zeile zu beginnen,

Der Grund dafür ist, dass js am Ende der Anweisung automatisch ein „Semikolon“ hinzufügt. Wenn die geschweiften Klammern in eine neue Zeile gesetzt werden, wird das „Semikolon“ automatisch nach der Return-Anweisung hinzugefügt, und der Rückgabewert wird automatisch hinzugefügt undefiniert werden.

2. Der Rückgabewerttyp muss nicht deklariert werden

Es ist nicht erforderlich, den Rückgabewerttyp oder Parametertyp zu deklarieren. Funktionsdefinitionen beginnen mit function.

JavaScript erfordert nicht, dass alle Pfade Rückgabewerte haben wie C# und Java. Wenn es keinen Rückgabewert gibt, ist er undefiniert.

Keine Methodenüberladung

In JavaScript gibt es keine Methodenüberladung.

Das Schreiben von Parametern in Methoden wird als benannte Parameter bezeichnet

Der Benutzer ruft eine Methode auf, die die Summe mehrerer Zahlen berechnet. Wie erhalte ich die Anzahl der Parameter in der Methode?

Bitte verwenden Sie das Argumentobjekt!

Anonyme Funktion

1. Methode 1

Code kopieren Der Code lautet wie folgt:

var f1=function(p1,p2){ return p1 p2 };//Weisen Sie die Funktion einer Variablen zu

Anonyme Funktionen können nicht aufgerufen werden und können nur einer Variablen zugewiesen werden. Da es sich um eine Zuweisungsanweisung handelt, muss dahinter ein Semikolon hinzugefügt werden

Anwendung:

Code kopieren Der Code lautet wie folgt:

document.getElementById(‘btn’).onclick=function(){}

2. Methode 2

Code kopieren Der Code lautet wie folgt:

(function(p1,p2){alert(p1 p2);})(20,30);

3. Methode 3

Code kopieren Der Code lautet wie folgt:

var m1=new Function(„p1“, „p2“, „p3“, „return p1 p2 p3“);
Alert(m1(1,2,3));geringe Leistung

Es gibt viele Verwendungsmöglichkeiten dieser Art anonymer Funktion in jQuery

Prototyp der Erweiterungsmethode

Legen Sie die Erweiterungsmethode über den Prototyp des Klassenobjekts fest,

Die Deklaration der Erweiterungsmethode muss vor der Verwendung der Erweiterungsmethode ausgeführt werden. JS-Funktionen haben keine spezielle Funktionsstandardwertsyntax, aber Sie können keinen Wert an den Parameter übergeben, ohne einen Wert zu übergeben. Sie können den Standardwert selbst festlegen.

Code kopieren Der Code lautet wie folgt:

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

Veranstaltung

1. Veranstaltung aufrufen

2. Veranstaltung anmelden

Erst nachdem die Seite geladen ist, können Ereignisse für die Elemente der Seite registriert werden.

Also onload = function(){

//Veranstaltung hier anmelden

};

Seitenladeereignis

Code kopieren Der Code lautet wie folgt:


Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass er jedem ein neues Verständnis von JavaScript-Ereignissen und -Methoden vermitteln kann

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage