Heim > Artikel > Web-Frontend > Häufig verwendete Fähigkeiten für Javascript-Anfänger_Javascript-Fähigkeiten
Die Beispiele in diesem Artikel erläutern einige Techniken, die häufig von JavaScript-Anfängern verwendet werden. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:
1. Speicherort des Javascript-Programms
In HTML6c04bd5ca3fcae76e30b72ad730ca86d36cc49f0c466276486e50c850b7e4956
HTML93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1
*.js-Datei in
2. Standardformat
Fügen Sie es in den 6c04bd5ca3fcae76e30b72ad730ca86d36cc49f0c466276486e50c850b7e4956 von HTML ein. Wenn der Browser den Body-Teil lädt, beginnt er mit der Ausführung von Javascript.
<html> <head></head> <body> <script type="text/javascript"> 。。。。。。 </script> </body> </html>
wird in HTML zwischen 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 platziert und im Allgemeinen zum Auslösen von Benutzerereignissen verwendet
<html> <head> <script type="text/javascript"> 。。。。。。 </script> </head> <body></body> </html>
Für einige gemeinsam genutzte JS-Methoden oder andere Möglichkeiten, Codeduplizierung zu vermeiden, können Sie das JS in die *.js-Datei einfügen und in den HTML-Code einfügen
<html> <head> <script src="filepath/*.js"/></script> </head> <body> </body> </html>
3. Textfeld „Allgemeine Ereignisse“ Fokusereignisse
onblur: Fokusverlust-Ereignis
onfocus: Holen Sie sich das Focus-Event
onchange: Textfeld-Textänderungsereignis
onselect: Textfeld-Textereignis auswählen
<input type="text" value="test text!" onfocus="if(value=='test text!') {value=''}" onblur="if(value=='') {value='test text!'}" /> <!-- 初始值为test text! 获得焦点后判断用户无输入将文本框设空 失去焦点时判断为空时设置默认值 -->
Ich hoffe, dass dieser Artikel jedem beim Erlernen der Javascript-Programmierung hilfreich sein wird.