อย่างไรก็ตาม หากต้องการเรียนรู้วิธีใช้งาน คุณต้องทำความคุ้นเคยกับพื้นฐานของภาษา JavaScript และนี่คือจุดที่หมวดหมู่ไซต์นี้เข้ามาช่วยเหลือ
หลายคนคิดว่า JavaScript เป็นภาษาที่ยาก อันที่จริงสิ่งนี้ไม่เป็นความจริง ห่างไกลจากมัน และใครก็ตามที่มีความคิดอย่างน้อยก็สามารถเชี่ยวชาญได้ และเพื่อที่จะนำความคิดนี้ไปในทิศทางที่ถูกต้อง คุณต้องทำความคุ้นเคยกับเนื้อหาพื้นฐานของ JavaScript ซึ่งนำเสนอในหมวดหมู่นี้โดยไม่มีค่าใช้จ่าย!
หลังจากอ่านบทความเกี่ยวกับพื้นฐาน JavaScript คุณจะได้เรียนรู้:1) โค้ดของโปรแกรม Hello World ที่ง่ายที่สุดใน JavaScript
2) วิธีสร้าง เริ่มต้น และใช้ตัวแปรใน JavaScript
3) ประเภทของตัวแปรใน JavaScript คืออะไร
4) วิธีสร้างและใช้งานฟังก์ชั่นใน JavaScript
5) เกี่ยวกับตัวดำเนินการตามเงื่อนไขใน JavaScript
6) ตัวดำเนินการลูปใน JavaScript คืออะไร?
7) เกี่ยวกับคำสั่ง switch case ใน JavaScript
8) วิธีสร้างอาร์เรย์ใน JavaScript
9) เกี่ยวกับ OOP ใน JavaScript
10) เกี่ยวกับวัตถุคณิตศาสตร์ใน JavaScript
11) วิธีทำงานกับอาร์เรย์ใน JavaScript
12) วิธีทำงานกับสตริงใน JavaScript
13) วิธีทำงานกับวันที่และเวลาใน JavaScript
14) เกี่ยวกับวัตถุ Number ใน JavaScript
15) เกี่ยวกับวัตถุ Window ใน JavaScript
16) เกี่ยวกับวัตถุเอกสารใน JavaScript
17) วิธีใช้การเปลี่ยนเส้นทางใน JavaScript
18) เกี่ยวกับวัตถุรูปภาพใน JavaScript
19) เกี่ยวกับวัตถุ Link ใน JavaScript
20) วิธีค้นหาเบราว์เซอร์ของผู้ใช้ใน JavaScript
21) วิธีตรวจสอบแบบฟอร์มใน JavaScript
22) วิธีเข้าถึงวัตถุ HTML ผ่านทาง JavaScript
23) เกี่ยวกับวัตถุใน JavaScript
24) เกี่ยวกับเหตุการณ์และตัวจัดการใน JavaScript
25) วิธีใช้งานตัวจับเวลาใน JavaScript
26) วิธีจัดการกับข้อยกเว้นใน JavaScript
27) วิธีสร้างวัตถุของคุณเองใน JavaScript
28) วิธีแก้ปัญหาการแสดงผล PNG ใน IE6
29) วิธีตรวจสอบว่าผู้ใช้เปิดใช้งาน JavaScript หรือไม่
30) วิธีทำให้ JavaScript ใช้งานได้
31) JSON คืออะไร
32) วิธีการเข้ารหัสจาวาสคริปต์
33) วิธีส่งคำขอ POST ผ่าน JavaScript
34) วิธีสร้างปุ่มลัดบนไซต์
35) วิธีสร้างโปรแกรมแก้ไขภาพใน JavaScript
36) วิธีเรียกใช้หลายฟังก์ชันใน onload .
37) วิธีสร้าง DIV แบบลากได้ใน JavaScript
38) วิธีทำให้ข้อความหายไปในไฟล์อินพุต .
39) วิธีสร้างอาเรย์แบบเชื่อมโยงใน JavaScript
40) วิธีค้นหาข้อผิดพลาดใน JavaScript
41) เกี่ยวกับการทำงานกับคุกกี้ผ่าน JavaScript
42) วิธีส่งคำขอ ajax ไปยังโดเมนอื่น
43) วิธีติดตั้งความคิดเห็น VKontakte บนเว็บไซต์
44) วิธีตรวจสอบแบบฟอร์มแบบไดนามิก
45) วิธีจัดการล้อเมาส์ใน JavaScript
46) วิธีจัดการกับการปิดแท็บใน JavaScript
47) เมื่อใดควรใช้ jQuery
49) วิธีโหลดข้อมูลแบบไดนามิกสำหรับไฟล์.
50) เกี่ยวกับอะนาล็อกของ str_replace() ใน JavaScript
51) วิธีเปลี่ยนสไตล์ของไฟล์ select .
52) วิธีปรับขนาด div ใน JavaScript
53) วิธีตรวจสอบว่าผู้ใช้ใช้งานอยู่ในเพจหรือไม่
54) วิธีเลื่อนไปที่ด้านล่างของ div
55) วิธีสร้างแถบเลื่อนรูปภาพโดยใช้ jQuery โดยไม่ต้องใช้ปลั๊กอิน
56) วิธีเล่นเสียงใน JavaScript
57) วิธีเปลี่ยนการออกแบบเว็บไซต์ตามเวลาของวัน
58) วิธีเชื่อมต่อ Yandex.Maps กับไซต์
59) วิธีตรวจสอบความซับซ้อนของรหัสผ่านใน JavaScript
60) วิธีตรวจสอบว่าการเข้าสู่ระบบไม่ว่างบน Ajax หรือไม่
61) วิธีการระบุตำแหน่งของผู้เข้าชม
62) อ็อบเจ็กต์ ตัวสร้าง และต้นแบบใน JavaScript คืออะไร
63) มีวิธีการใหม่ใดในการทำงานกับอาร์เรย์ที่ปรากฏใน ES5
64) รูปแบบเหตุการณ์มาตรฐานใน JavaScript คืออะไร
65) วิธีหยุดกิจกรรมสำหรับ Internet Explorer รุ่นเก่า (8-)
69) AngularJS คืออะไร
70) AngularJS คืออะไร การแก้ปัญหาความถูกต้อง
71) วิธีเปลี่ยนมุมมองการเลือกมาตรฐานใน JavaScript
72) Long-Polling, WebSockets, SSE และ Comet คืออะไร
73) อะไรคือความแตกต่างระหว่างการประกาศฟังก์ชันและการแสดงออกของฟังก์ชันในจาวาสคริปต์
74) วิธีการแปลงประเภทใน JavaScript คืออะไร
75) วิธีใช้ฟังก์ชันเรียกตัวเองโดยไม่ระบุชื่อและฟังก์ชันโทรกลับใน JavaScript
76) วิธีใช้ Ajax
77) วิธีเพิ่มความคิดเห็นไปยังฐานข้อมูลแบบไดนามิกโดยใช้ Ajax
78) วิธีสร้างคำแนะนำเครื่องมือใน JavaScript อย่างรวดเร็ว
79) ไอคอนหม้อแปลงคืออะไร - Marka
80) วิธีสร้างเอฟเฟกต์การคลิกในการออกแบบวัสดุโดยใช้ JavaScript
81) วิธีสร้างเงาแบบไดนามิกใน JavaScript โดยใช้ไลบรารี Shine.js
82) วิธีแสดงภาพข้อมูลใน JavaScript
83) วิธีออกอากาศเว็บแคมของคุณทางออนไลน์ด้วย JavaScript ล้วนๆ
84) วิธีสร้างแอนิเมชั่นที่น่าทึ่งใน javascript โดยใช้ไลบรารี Scripty2
85) วิธีจับภาพจากเว็บแคมใน JavaScript
86) มีอะไรใหม่ใน EcmaScript 6
87) วิธีแปลงโค้ดจาก ES6 เป็น ES5
88) การปิดใน JavaScript คืออะไร
89) จะทราบได้อย่างไรว่าผู้ใช้กำลังดูหน้าเว็บใน javascript หรือไม่
90) ไลบรารี่จาวาสคริปต์ - underscore.js
91) การเรียนรู้ CoffeeScript การแนะนำ.
92) การเรียนรู้ CoffeeScript ประเภทข้อมูล
93) การเรียนรู้ CoffeeScript ผู้ประกอบการ
94) การเรียนรู้ CoffeeScript ฟังก์ชั่น
95) การเรียนรู้ CoffeeScript เงื่อนไข.
96) วิธีทำงานกับสไตล์ใน JavaScript
97) วิธีทำงานกับคลาสเรียนใน ES 2015
98) การเรียนรู้ CoffeeScript รอบ
99) วิธีสร้างตัวจับเวลาถอยหลังในจาวาสคริปต์ด้วยโค้ด 18 บรรทัด
100) วิธีสร้างตัวเลขสุ่มในจาวาสคริปต์
101) การเรียนรู้ CoffeeScript ชั้นเรียน
102) เหตุใดจึงจำเป็นต้องใช้คีย์เวิร์ด Let ใน ES6
103) ฟังก์ชั่นลูกศรใน ES6 คืออะไร
104) วิธีสร้างโมเดล 3 มิติของวัตถุใน JavaScript
105) สัญญาใน ES6 คืออะไร
106) วิธีทำงานกับที่เก็บโดยใช้ Basil.js
107) โหนดJS การแนะนำ.
108) โหนดJS การติดตั้งแพลตฟอร์ม
109) อึก การแนะนำ.
110) โหนดJS เครื่องยนต์ V8.
111) อึก การติดตั้งและการกำหนดค่า
112) โหนดJS วัตถุโกลบอล
113) โหนดJS ฟังก์ชั่นนิพจน์ทำงานอย่างไร
114) โหนดJS โมดูล
115) โหนดJS เทมเพลตโมดูล
116) โหนดJS ตัวจัดการเหตุการณ์
117) โหนดJS การเขียนและการอ่านไฟล์
118) อึก โครงสร้างโครงการและงาน
119) อึก การตรวจสอบการเปลี่ยนแปลงในไฟล์
120) โหนดJS การสร้างและการลบไดเร็กทอรี
121) โหนดJS ลูกค้าและเซิร์ฟเวอร์
122) โหนดJS วิธีสร้างเซิร์ฟเวอร์
123) วิธีการเรียนรู้ JavaScript เร็วขึ้น
124) วิธีแสดงภาพข้อมูลและวาดใน JavaScript
125) โหนดJS สตรีมและบัฟเฟอร์คืออะไร
126) โหนดJS วิธีอ่านข้อมูลจากสตรีม
127) โหนดJS วิธีเขียนข้อมูลลงสตรีม
128) แอนิเมชันขององค์ประกอบเมื่อเลื่อนหน้าด้วย JavaScript ล้วนๆ
129) โหนดJS ไปป์ () คืออะไร?
130) โหนดJS สตรีมเอาต์พุตของหน้า HTML
131) โหนดJS วิธีส่งข้อมูลในรูปแบบ JSON
132) SPA คืออะไรในการพัฒนาเว็บ
133) โหนดJS การนำทางหน้า
134) โหนดJS เอ็นพีเอ็ม คืออะไร?
135) โหนดJS วิธีทำงานกับไฟล์ package.json
136) โหนดJS แพ็คเกจโนเดมอน
137) โหนดJS มาเริ่มกันที่ Express กันดีกว่า
138) โหนดJS ตัวเลือกเส้นทางใน Express
139) โหนดJS เครื่องยนต์เทมเพลต ส่วนที่ 1
140) โหนดJS เครื่องยนต์เทมเพลต ส่วนที่ 2
141) โหนดJS วิธีประกอบเทมเพลตจากหลายส่วน
142) โหนดJS มิดเดิลแวร์และไฟล์สแตติกคืออะไร
143) โหนดJS สตริงการสืบค้นคืออะไร?
144) โหนดJS วิธีการประมวลผลคำขอ POST
145) โหนดJS วิธีสร้าง "รายการสิ่งที่ต้องทำ" ส่วนที่ 1
146) โหนดJS วิธีสร้าง "รายการสิ่งที่ต้องทำ" ส่วนที่ 2
147) โหนดJS วิธีสร้าง "รายการสิ่งที่ต้องทำ" ส่วนที่ 3
148) วิธีจัดการกับข้อผิดพลาดใน JavaScript อย่างถูกต้อง
149) วิธีใช้วิธีการวัตถุ JSON
150) วิธีใช้ลูป: for...in และ for...of ใน JavaScript ES6
151) วิธีการ querySelector ใน JavaScript คืออะไร
152) วิธีการประกาศค่าคงที่ใน JavaScript ES6
153) เกี่ยวกับ JavaScript const และอ็อบเจ็กต์
154) เกี่ยวกับการใช้คำสั่ง "use strict" ใน JavaScript ส่วนที่ 1
155) เกี่ยวกับการใช้คำสั่ง "use strict" ใน JavaScript ส่วนที่ 2
156) การกำหนดการทำลายโครงสร้างใน JavaScript ES6 คืออะไร
157) วิธีทำลายโครงสร้างวัตถุใน ES6
158) เหตุใดจึงจำเป็นต้องมีเทมเพลตสตริงใน JavaScript ES6
159) วิธีทำเมนูหีบเพลงใน JS
160) วิธีสร้างแบบฟอร์มป๊อปอัป
161) วิธีสร้างหน้าต่างโมดอลโดยใช้ CSS + JS
162) วิธีสร้างแถบความคืบหน้าโดยใช้ CSS + JS
163) วิธีสร้างแท็บใน HTML
164) วิธีรับอินพุตใน JavaScript (ตอนที่ 1)
165) วิธีแสดงผลลัพธ์ใน JavaScript (ตอนที่ 2)
166) วิธีแสดงข้อความใน JavaScript
167) ตัวอย่าง If-Else ใน JavaScript มีอะไรบ้าง?
168) เกี่ยวกับวิธีการประกาศตัวแปร (var, let, const) ใน JS
169) For loop ใน JavaScript มีตัวอย่างอะไรบ้าง?
170) วิธีสร้างและแสดงอาร์เรย์ใน JS
171) วิธีการอาร์เรย์ใน JS คืออะไร
172) แนวคิดของฟังก์ชัน (ส่งคืน พารามิเตอร์) ใน JS
173) วิธีรับองค์ประกอบใน JS
174) อาร์เรย์ที่เชื่อมโยงใน JS คืออะไร
175) วิธีเพิ่มคลาสการคลิกใน JavaScript
176) วิธีสร้างตัวจับเวลาถอยหลังใน JS
177) วิธีตรวจสอบแบบฟอร์มใน JS
178) วิธีแสดงข้อความที่ซ่อนอยู่ใน JS
สวัสดีทุกคน ตอนนี้ถึงเวลาที่คุณและฉันจะต้องเรียนรู้พื้นฐานของ JavaScript เนื่องจาก JavaScript เป็นเทคโนโลยีที่คุณสามารถจัดระเบียบหน้า HTML แบบไดนามิกบนเว็บไซต์ของคุณได้
บันทึก. บทเรียนนี้มีไว้สำหรับผู้ใช้ที่เข้าใจหลักการทั่วไปของการเขียนโปรแกรมและรู้พื้นฐานของ HTML เป็นหลัก หากคุณไม่รู้ว่าแท็ก ol และ li คืออะไร คุณควรทำความคุ้นเคยก่อน พื้นฐาน HTML ตนอกจากนี้ หากคุณไม่ทราบว่าสิ่งนี้คืออะไร if...then...else โครงสร้างคืออะไร (นี่เป็นมุมมองทั่วไป) ฉันขอแนะนำให้เรียนรู้หลักการทั่วไปของการเขียนโปรแกรม โดยไม่คำนึงถึงภาษาการเขียนโปรแกรม จากนั้นคุณก็สามารถเริ่มเรียนรู้ JavaScript ได้ และบทเรียนนี้จะเป็นประโยชน์สำหรับคุณมากที่สุด
พื้นฐาน JavaScript - ทฤษฎีและมาเริ่มกันตามปกติด้วยพื้นฐานเช่น ด้วยคำจำกัดความ JavaScript คืออะไร? JavaScript เป็นภาษาโปรแกรมการเขียนสคริปต์ซึ่งมีโค้ดถูกดำเนินการบนฝั่งไคลเอ็นต์ ( ผู้ใช้- โดยปกติจะใช้เพื่อจัดระเบียบหน้า HTML แบบไดนามิกบนเว็บไซต์ โดยไม่ต้องโหลดหน้าซ้ำ เช่น โดยไม่ต้องติดต่อกับเซิร์ฟเวอร์
เหตุใดจึงจำเป็นต้องใช้จาวาสคริปต์?ทำไมคุณถึงขอให้จัดระเบียบเพจแบบไดนามิก?
ประการแรกคือมีความสวยงาม สะดวกสบาย และทันสมัย
ประการที่สอง เพื่อที่จะทำการเปลี่ยนแปลงใด ๆ บนไซต์ คุณต้องโหลดหน้านี้ซ้ำ ในขณะที่ทรัพยากรจะถูกพรากไปจากเซิร์ฟเวอร์ และตอนนี้ ลองจินตนาการว่าคุณมีไซต์ที่เยี่ยมชมและมีคำขอดังกล่าวจำนวนมาก เซิร์ฟเวอร์ของคุณก็จะเพียงแค่ โอเวอร์โหลด และเนื่องจาก JavaScript เป็นเทคโนโลยีฝั่งไคลเอ็นต์ จึงไม่จำเป็นต้องเรียกเซิร์ฟเวอร์ โปรแกรม JavaScript ทั้งหมดจะถูกดำเนินการโดยตรงบนคอมพิวเตอร์ของคุณหรือบนคอมพิวเตอร์ของผู้ใช้ที่เยี่ยมชมไซต์ของคุณ
ตอนนี้เรามาพูดเจาะจงมากขึ้นเกี่ยวกับสิ่งที่คุณสามารถใช้ JavaScript บนเว็บไซต์ของคุณได้? ตัวอย่างเช่น สำหรับเมนูดรอปดาวน์แบบไดนามิกหรือลักษณะที่ปรากฏและการหายไปของตัวควบคุมบางตัว โดยทั่วไปแล้ว คุณสามารถทำอะไรได้เกือบทุกอย่าง
ตอนนี้เรามาทำความเข้าใจหลักการของภาษาการเขียนโปรแกรมนี้กันดีกว่า JavaScript ไม่ใช่ภาษาการเขียนโปรแกรมที่เน้นการพิมพ์อย่างรุนแรง คุณไม่จำเป็นต้องใส่เครื่องหมายอัฒภาคที่ท้ายแต่ละบรรทัด แต่ควรใส่ไว้เพื่อให้เข้าใจและอ่านโค้ดได้ดีขึ้นด้วยตัวเอง แต่หากจู่ๆ คุณลืมใส่เครื่องหมายอัฒภาคก็ไม่มีข้อผิดพลาด ต่างจากตัวอย่างภาษา PHP
ในกระบวนการสร้างหน้า HTML โดยเบราว์เซอร์ เบราว์เซอร์เองไม่เพียงแต่แสดงผลเท่านั้น แต่ยังสร้างโครงสร้างที่เรียกว่าแผนผังองค์ประกอบซึ่งประกอบด้วยโหนด และแต่ละโหนดจะถูกสร้างขึ้นตามโค้ด HTML จากทั้งหมดที่กล่าวมา เราสามารถพูดได้ว่า JavaScript สามารถเปลี่ยนแผนผังนี้ได้ และด้วยเหตุนี้จึงเปลี่ยนโค้ด HTML เอง และด้วยเหตุนี้ จึงเปลี่ยนการแสดงหน้า HTML ในเบราว์เซอร์ การเปลี่ยนแผนผังองค์ประกอบเราหมายถึงทั้งการเปลี่ยนแปลงของบางโหนดเองและการลบหรือการเพิ่มโหนดเดียวกันเหล่านี้ เพื่อให้ชัดเจนยิ่งขึ้น โหนดจะถูกสร้างขึ้นตามองค์ประกอบใน HTML กล่าวคือ แท็ก หรือเนื้อหาเอง เช่น ข้อความ. ตัวอย่างเช่น รหัส HTML ต่อไปนี้สามารถแสดงเป็นแผนผังขององค์ประกอบได้
รหัส HTML:
สวัสดี
โหนดของรหัสนี้:
โหนดรูต – html
โหนดลูกของโหนด HTML - เนื้อหา
โหนดย่อยของโหนดร่างกาย – p
ลูกโหนดของโหนด p คือข้อความนั้นเอง ( ข้อความเป็นโหนดแยกต่างหากซึ่งจะต้องจดจำเมื่อเพิ่มลบและเปลี่ยนข้อความ).
ฉันหวังว่านี่จะชัดเจน มาดูไวยากรณ์โดยตรงและเขียนโปรแกรมแรกใน JavaScript กันดีกว่า
สำหรับฉันในตอนแรกดูเหมือนว่า JavaScript จะคล้ายกับภาษาโปรแกรมฝั่งเซิร์ฟเวอร์ PHP มาก แต่นี่เป็นเพียงในโครงสร้างบางส่วนเท่านั้น และในทางกลับกัน มันก็คล้ายกับภาษาโปรแกรม Java เพียงเท่านั้น แต่ในความเป็นจริงแล้วการเขียน ของโครงสร้างต่างๆ มากมาย และการตั้งชื่อภาษาเหล่านี้ก็คล้ายกัน แต่อย่างอื่น ความหมายในหลักการของการเขียนโปรแกรม สิ่งเหล่านี้เป็นสองสิ่งที่แตกต่างกัน อย่างไรก็ตาม JavaScript ไม่เกี่ยวข้องกับภาษา JAVA แต่อย่างใดหากเป็นเพียงชื่อเท่านั้นดังนั้นอย่าสับสน JavaScript - มันเป็นภาษาการเขียนโปรแกรมภาษาหนึ่งและ Java เป็นภาษาที่แตกต่างไปจากเดิมอย่างสิ้นเชิง แต่ทำไมจึงเรียกว่า JavaScript? ใช่ เพราะในขณะที่ JavaScript ได้รับการพัฒนา ภาษา Java ได้รับความนิยมอย่างมาก ดังนั้นนักพัฒนา JavaScript จึงตัดสินใจเปลี่ยนชื่อภาษา LiveScript ( นั่นคือสิ่งที่มันถูกเรียกว่าเดิม) ใน JavaScript และยังเปลี่ยนการเขียนโครงสร้างพื้นฐานที่คล้ายกับ Java อย่างไรก็ตาม JavaScript มีชื่ออย่างเป็นทางการว่า ECMAScript มีมาตรฐานชื่อเดียวกัน ทั้งนี้เพื่อหลีกเลี่ยงปัญหากับเจ้าของเครื่องหมายการค้า Java ดังนั้น JavaScript และ JAVA จึงเป็นสองภาษาการเขียนโปรแกรมที่แตกต่างกันโดยสิ้นเชิง ทำไมชื่อ JavaScript ถึงติดปากทุกคน? ใช่ เพราะพวกเขาเพิ่งคุ้นเคยกับมัน และทุกคนเรียกภาษา ECMAScript ว่าภาษา JavaScript
ตัวอย่างโค้ดจาวาสคริปต์เพียงพอที่จะพูดนอกเรื่องโคลงสั้น ๆ จากแก่นแท้ของคำถามของเราแล้ว มาดูกันว่าเราจะเปลี่ยนโหนดเหล่านี้ในแผนผังนี้ได้อย่างไร ตามปกติเราจะทำเช่นนี้ด้วยตัวอย่าง ด้านล่างนี้เรามีรายการเล็กๆ น้อยๆ เกี่ยวกับวิธีที่เราสามารถเพิ่มเข้าไปได้ ( หรือลบ) ความหมายอีกสองสามอย่าง? ลองคลิก "เพิ่มลงในรายการ" แล้วหน้าต่างป้อนข้อมูลจะเปิดขึ้น ป้อนชื่อของรายการใหม่แล้วคลิกตกลง เรามาดูกันว่าทั้งหมดนี้เกิดขึ้นได้อย่างไร
ตัวอย่างนั้นเอง:
รหัสจาวาสคริปต์:
//เราเขียนฟังก์ชันสำหรับเพิ่มรายการใหม่ในรายการฟังก์ชัน addLi() ( var stroka = prompt("Enter the name of the line:", "");//เพื่อป้อนชื่อของบรรทัดใหม่ if ( stroka)( var ol = document.getElementById (" spisokst");//ค้นหารายการของเรา var li = document.createElement("LI");//สร้างองค์ประกอบรายการใหม่ ol.appendChild(li);//กำหนด องค์ประกอบใหม่ในรายการของเรา var text = document.createTextNode(stroka) ;//สร้างข้อความโหนดใหม่ li.appendChild(text);//กำหนดข้อความนี้ให้กับรายการใหม่ของเรา ) ) //เขียนฟังก์ชันสำหรับการลบรายการจาก ฟังก์ชันรายการ DeleteLi() ( var ol = document.getElementById ("spisokst"); //find our list var LastLi = ol.lastChild;//สร้างตัวแปรและเก็บองค์ประกอบสุดท้ายของรายการของเราไว้ในนั้น //ตรวจสอบ การมีอยู่ขององค์ประกอบของเรา ไม่รวมช่องว่าง แท็บ และความคิดเห็น ในขณะที่ (lastLi && LastLi.nodeType != 1)( LastLi = LastLi.previousSibling; ) if (lastLi)( LastLi.parentNode.removeChild(lastLi);//remove the list item, //หากยังมีของเหลืออยู่ในรายการ) )
รหัส HTML:
| เพิ่มลงในรายการ | ลบออกจากรายการ |
ฉันเขียนความคิดเห็นในโค้ดเอง ดังนั้นฉันคิดว่าไม่น่าจะมีปัญหาใดๆ กับสิ่งที่มีไว้เพื่อ แต่ฉันจะยังคงอธิบายภาพทั่วไป
เรามีรายการที่ระบุ id = spisokst เพื่อให้เราค้นหาได้ง่ายขึ้นจาก JavaScript จากนั้นเราเขียนสองฟังก์ชันในจาวาสคริปต์:
1. addLi() – เพื่อเพิ่มบรรทัดใหม่
ในฟังก์ชัน addLi เราขอให้ผู้ใช้ป้อนชื่อของสตริงใหม่โดยใช้ฟังก์ชันพร้อมต์ในตัว และวางชื่อนี้ในตัวแปร stroka ( ดังที่คุณคงเข้าใจแล้ว ตัวแปรจะถูกประกาศโดยใช้ตัวดำเนินการ var).
จากนั้น เมื่อใช้เมธอด getElementById ของอ็อบเจ็กต์ document เราจะพบ list id ที่เราต้องการ
จากนั้น เมื่อใช้เมธอด createElement ของวัตถุเอกสารเดียวกัน เราจะสร้างองค์ประกอบ LI ( คุณอาจสังเกตเห็นว่าเมื่อสร้างองค์ประกอบ ชื่อขององค์ประกอบจะเป็นตัวพิมพ์ใหญ่).
จากนั้นเราจะสร้างโหนดข้อความใหม่และส่งผ่านค่าที่ผู้ใช้ป้อนลงในตัวแปร stroka ของเรา
และอีกครั้ง เราได้กำหนดค่าใหม่ให้กับองค์ประกอบ li เท่านั้น ( หรือโหนดลูกของมันเช่น ข้อความ) โดยใช้วิธี appendChild
2. DeleteLi() – เพื่อลบบรรทัดเหล่านี้
ที่นี่ เรายังค้นหารายการของเราโดยใช้เมธอด document.getElementById และส่งผ่านค่า spisokst
จากนั้นเราสร้างตัวแปรใหม่ LastLi และกำหนดค่าของรายการสุดท้ายในรายการของเรา (ol.lastChild)
ตามมาตรฐานมีปัญหาเล็กน้อยเมื่อสร้างเพจ HTML พื้นที่ทั้งหมด แท็บ ความคิดเห็นในโค้ด HTML จะถูกนำมาพิจารณาด้วย แต่จะไม่ปรากฏบนหน้าจอ ดังนั้น โปรดจำไว้ว่าเมื่อเข้าถึงองค์ประกอบสุดท้ายของ โหนด อาจมีช่องว่าง แท็บ หรือความคิดเห็นอยู่ที่นั่น ดังนั้นผลลัพธ์อาจแตกต่างจากของจริงเล็กน้อย เช่น หากฉันไม่ได้คำนึงถึงสิ่งนี้ที่นี่ รายการของฉันในรายการจะถูกลบหลังจากหนึ่งหรือ ในบางกรณี คลิกสองครั้งที่ " ลบออกจากรายการ"และเพื่อหลีกเลี่ยงสิ่งนี้ ฉันจึงตรวจสอบสิ่งที่อยู่ในโหนดสุดท้าย ถ้ายังไม่ชัดเจนก็ไม่ต้องจำ :)
3. ฉันอยากจะทราบด้วยว่าฟังก์ชั่นของปุ่มต่างๆ นั้นถูกนำไปใช้ใน javascript ด้วยโดยการประมวลผลเหตุการณ์ ตัวอย่างเช่น เมื่อคุณคลิก (เหตุการณ์ - onClick="javascript:addLi()") บนปุ่ม " เพิ่มลงในรายการ" ฟังก์ชั่น addLi() เริ่มทำงาน และเมื่อคุณคลิกที่ปุ่ม " ลบออกจากรายการ» เปิดฟังก์ชัน DeleteLi() แล้ว ส่วนที่เหลือทำไว้สำหรับวิชวลเอฟเฟกต์ คุณไม่จำเป็นต้องจำมันอีกต่อไป ตัวอย่างเช่น เหตุการณ์ onmouseover หมายความว่าบางสิ่งจะเกิดขึ้นเมื่อวางเมาส์ไว้เหนือ
ฉันหวังว่าบทเรียนของวันนี้มีประโยชน์และน่าสนใจสำหรับคุณ ในบทเรียนถัดไปเราจะดูตัวอย่างที่ซับซ้อนมากขึ้น
2 โหวตสวัสดีผู้อ่านที่รัก ในขณะที่บางคนมองหาสิ่งอื่นอย่างสิ้นหวังเพื่อรักษาระดับความเป็นอยู่ที่ดี คนฉลาดกำลังลงทุนในตัวเอง พวกเขาตระหนักมานานแล้วว่าความรู้ด้านเทคโนโลยีสามารถสร้างรายได้ได้ดี
ยังไงกันแน่? ฉันมีบทความในบล็อกประมาณ 100 บทความเกี่ยวกับเรื่องนี้ ตัวอย่างเช่น "" หรือ "" เราจะพูดอะไรเกี่ยวกับผู้ที่กำลังวางแผนจะทำอะไรที่จริงจัง? ความรู้ด้านคอมพิวเตอร์ในหมู่ประชากรกำลังเพิ่มขึ้น และด้วยจำนวนสื่อการศึกษา สิ่งที่เหลืออยู่ก็คือการค้นหาสิ่งที่ดีที่สุด
วันนี้เราจะพูดถึงบทเรียน JavaScript สำหรับผู้เริ่มต้น เมื่อรู้ภาษาการเขียนโปรแกรมนี้ คุณสามารถค้นหาลูกค้าและสร้างรายได้ได้แล้ว สำหรับบางคน นี่จะเป็นก้าวต่อไปสู่ความสำเร็จในอุตสาหกรรมไอที
จากบทความวันนี้ คุณจะได้เรียนรู้ว่าคุณสามารถเรียนรู้การเขียนโค้ดได้ที่ไหน รับคำแนะนำเกี่ยวกับวิธีการเขียนโค้ดอย่างมีประสิทธิภาพและรวดเร็วที่สุด หรือฟรี แต่ละคนมีลำดับความสำคัญของตัวเอง ดังนั้นฉันจะพยายามเติมเต็มความหวังของทุกคนในการค้นหาสิ่งที่มีประโยชน์ในเอกสารฉบับนี้
ตรงกันข้ามกับธรรมเนียม ฉันจะไม่ตีพุ่มไม้นานเกินไป มีข้อมูลมากมาย มาเริ่มกันเลย
คลาส JavaScript ฟรีปัญหาทางการเงินสำหรับโปรแกรมเมอร์มือใหม่หลายคนมีความสำคัญอย่างยิ่ง นี่ค่อนข้างสมเหตุสมผล เดิมทีอินเทอร์เน็ตถูกสร้างขึ้นเพื่อเป็นฐานความรู้ที่ทุกคนสามารถค้นหาข้อมูลที่น่าสนใจได้ “ทำไมจู่ๆ ฉันต้องจ่ายเงิน” เป็นคำถามที่เป็นธรรมชาติมาก
น่าเสียดายที่คำตอบสำหรับเรื่องนี้ก็เรียบง่ายเช่นกัน นั่นคือคุณภาพ ในประเทศของเรามีคนเก่งและไม่เห็นแก่ตัวน้อยเกินไปที่พร้อมจะสละเวลาฟรีๆ แต่อย่าอารมณ์เสีย
โชคดีที่มีโปรโมชั่น โบนัส และหลักสูตรทุกประเภทที่สร้างขึ้นเพื่อเพิ่ม PR ของนักพัฒนา โรงเรียนที่ไม่ค่อยมีใครรู้จักสร้างสื่อการสอน แต่ในตอนแรก เพื่อประโยชน์ในการตอบรับและการวิจารณ์ พวกเขาพร้อมที่จะจัดหาให้ฟรี คุณเพียงแค่ต้องไปถูกที่และหาเวลาที่ดีที่สุด ฉันจัดการเพื่อค้นหาตัวเลือกที่ดี ซึ่งฉันยินดีที่จะแบ่งปันกับคุณตอนนี้
หากคุณไม่รู้อะไรเกี่ยวกับ JS (นี่คือตัวย่อทั่วโลกสำหรับ JavaScript) ฉันสามารถแนะนำวิดีโอบางส่วนจาก YouTube ได้ นี่คือหลักสูตรเบื้องต้นสำหรับการเรียนรู้ตั้งแต่เริ่มต้น สร้างขึ้นโดยโรงเรียนออนไลน์ Huxlet
ก็สามารถเรียนคอร์สนี้ได้" พื้นฐานการเขียนโปรแกรม» พร้อมงานต่างๆ บนเว็บไซต์ทางการของบริษัท การฝึกอบรม 17 ชั่วโมงประกอบด้วยบทเรียน 27 บทและแบบฝึกหัดภาคปฏิบัติ 21 บท
เมื่อเรียนรู้พื้นฐานแล้วก็สามารถก้าวไปสู่ขั้นตอนต่อไปได้” JS: การเตรียมตัวสำหรับการทำงาน- เข้าถึงได้ฟรี
แน่นอนว่าตัวฉันเองไม่ได้เรียนหลักสูตรนี้ ดังนั้นฉันจึงไม่สามารถรับประกันคุณภาพและบอกคุณเกี่ยวกับคุณลักษณะใดๆ ของการฝึกอบรมได้ Huxlet ปรากฏตัวเมื่อไม่นานมานี้และวางตำแหน่งตัวเองเป็นทีมผู้เชี่ยวชาญระดับนานาชาติที่มีส่วนร่วมในการฝึกอบรมผู้คนตั้งแต่เริ่มต้นจนถึงระดับมืออาชีพ
ข้อความภาษาอังกฤษ หลักสูตร การอ้างอิงถึงแหล่งข้อมูลที่คุ้นเคย เช่น Lifehacker และ Habr สร้างแรงบันดาลใจให้เกิดความมั่นใจ อย่างไรก็ตาม ข้อได้เปรียบหลักในความคิดของฉันคือมันฟรี
บางทีอีกไม่นานบริษัทจะสามารถพิสูจน์ตัวเอง พิสูจน์ความสำคัญในโลกนี้ แสดงระดับของผู้เชี่ยวชาญที่บริษัทผลิต และบรรลุชื่อเสียง ความสำเร็จ และอื่นๆ
หากคุณไม่ต้องการเสียเวลาและศึกษามากนัก คุณสามารถ "ซื้อ" เฉพาะข้อมูลที่เกี่ยวข้องกับ JS ได้: "JavaScript ระดับหนึ่ง" และ "JavaScript. ระดับสอง” จริงอยู่ที่ฉันคิดว่าในกรณีนี้คุณจะต้องลืมเรื่องการฝึกงาน ข้อมูลนี้ควรได้รับการชี้แจงกับนักพัฒนา
นั่นคือทั้งหมด ฉันขอให้คุณทั้งหมดที่ดีที่สุด อย่าลืมสมัครสมาชิกกลุ่ม VKontakte ของฉันเพื่อเรียนรู้เพิ่มเติมเกี่ยวกับการสร้างรายได้บนอินเทอร์เน็ต จนกว่าจะถึงครั้งต่อไป
หน้านี้เป็นจุดเริ่มต้นของบทช่วยสอน JavaScript สำหรับผู้เริ่มต้น
คุณต้องมีความรู้ HTML และ CSS อย่างน้อยจึงจะเชี่ยวชาญ โปรดดูบทช่วยสอน HTML และ CSS สำหรับผู้เริ่มต้นเพื่อรับบทเรียนเหล่านี้ (เพื่อเรียนรู้ JavaScript คุณต้องเรียนอย่างน้อย 3-4 บทเรียนขั้นต่ำ)
JavaScript ได้รับการออกแบบมาเพื่อทำงานในเบราว์เซอร์ควบคู่ไปกับ HTML และ CSS แต่ถ้าภาษาเหล่านี้มีไว้สำหรับเลย์เอาต์ของโครงสร้างไซต์ JavaScript จะช่วยให้คุณสามารถ "ฟื้นฟู" หน้าเว็บ - ทำให้หน้าเว็บตอบสนองต่อการกระทำของผู้ใช้หรือแสดงให้เห็นถึงไดนามิกบางอย่าง (เช่นการเปลี่ยนรูปภาพในบล็อกหรือการวางที่สวยงามอย่างราบรื่น -เมนูลง)
ดังนั้นเพื่อไม่ให้เป็นการเสียเวลา มาเริ่มเรียนรู้ภาษาที่มีประโยชน์อย่างปฏิเสธไม่ได้กันดีกว่าวิธีการรันจาวาสคริปต์
มีสองวิธีในการเขียนและเรียกใช้ JavaScript วิธีแรกคือเราเขียนโค้ดโดยตรงบนหน้า HTML ภายในแท็ก:
นี่คือชื่อเรื่อง ชื่อ var name = "Dima";
alert("สวัสดีครับ "+ชื่อ);
สามารถวางแท็กไว้ที่ใดก็ได้บนหน้าเว็บ ทั้งในและใน
ตัวเลือกที่สองคือโค้ด JavaScript จะถูกจัดเก็บไว้ในไฟล์แยกต่างหาก (เช่น CSS) และยังเชื่อมต่อโดยใช้แท็กที่มีแอตทริบิวต์ src ซึ่งระบุเส้นทางไปยังไฟล์ด้วยสคริปต์:
นี่คือชื่อเรื่อง นี่คือเนื้อหาหลักของหน้าในอนาคต ฉันจะไม่อธิบายว่า JavaScript เชื่อมโยงกันอย่างไร แต่จะเขียนโค้ด HTML ในบล็อกเดียว และเขียนโค้ด JavaScript ในอีกบล็อกหนึ่ง
เพลย์ลิสต์บน YouTube
การประยุกต์ใช้ ES6 ในทางปฏิบัติ- วิดีโอบางรายการอาจล้ำหน้าไปมาก เนื่องจากเรายังไม่ได้ครอบคลุม ES6 ทั้งหมดในตอนนี้ในบทช่วยสอน เพียงข้ามวิดีโอเหล่านี้แล้วดูในภายหลัง
อาแจ็กซ์
ไม่รวมบทเรียน (เนื้อหาน้อย) เร็วๆ นี้จะมีหนังสือเรียนแยกเกี่ยวกับ Ajax (เนื้อหามากมาย)
ต่างจาก HTML และ CSS ตรงที่เป็นภาษาการเขียนโปรแกรมจริงอยู่แล้ว เราสามารถพูดได้ว่า HTML และ CSS เป็นเพียงดอกไม้ แต่ JavaScript ก็เหมือนกับผลเบอร์รี่ พวกเขาแตกต่างกันโดยพื้นฐาน HTML เป็นเพียงมาร์กอัป (หรืออย่างอื่น โครงสร้างของเว็บไซต์) และ CSS คือลักษณะของมาร์กอัปนี้ แต่ JavaScript อนุญาตให้คุณสร้างโปรแกรมที่สั่งให้คอมพิวเตอร์ของผู้ใช้ดำเนินการต่างๆ
ดังนั้น หากคุณยังไม่ทราบเรื่องง่ายๆ เช่น HTML และ CSS แสดงว่ายังเร็วเกินไปที่คุณจะลองใช้ JavaScript
แต่ไม่จำเป็นต้องกลัว ต่างจากพี่ใหญ่อย่าง Java หรือ C++ ตรงที่ JavaScript เป็นภาษาที่ค่อนข้างเรียบง่าย นักพัฒนาเว็บมือใหม่สามารถเชี่ยวชาญได้ ไม่ว่าในกรณีใดการเรียนรู้ที่จะใช้มันไม่ใช่เรื่องยากเลย
โปรแกรมที่สร้างขึ้นใน JavaScript เรียกว่าสคริปต์หรือสคริปต์ ควรเข้าใจอย่างชัดเจนว่าสคริปต์เหล่านี้ดำเนินการบนคอมพิวเตอร์ของผู้ใช้เท่านั้น ไม่ใช่ที่ใดที่หนึ่งบนเครือข่าย ดังนั้นส่วนใหญ่จึงขึ้นอยู่กับการตั้งค่าของเบราว์เซอร์เดียวกันกับที่ผู้ใช้ตั้งค่าไว้ หากเขาจงใจปิดการใช้งานสคริปต์ สคริปต์เหล่านั้นก็จะไม่ทำงาน
เหตุใดจึงจำเป็นต้องใช้จาวาสคริปต์?
เหตุใดจึงต้องใช้สคริปต์ใด ๆ ในฝั่งผู้ใช้เลย? คำสำคัญที่นี่คือการจัดการเหตุการณ์ เหตุการณ์ดังกล่าวอาจเป็น เช่น การคลิกปุ่มในแบบฟอร์มการส่งข้อมูล เพื่อจุดประสงค์นี้ จะมีการจัดเตรียมคุณลักษณะพิเศษที่ขึ้นต้นด้วย on
ตัวอย่างของคุณลักษณะดังกล่าว:
onclick - คลิกเมาส์เพียงครั้งเดียว;
onmouseover - วางเคอร์เซอร์ของเมาส์ในพื้นที่ที่องค์ประกอบของหน้าใด ๆ
onfocus - เน้น (เน้น) องค์ประกอบ ตัวอย่างเช่น ฟิลด์แบบฟอร์มที่มีการวางเคอร์เซอร์ไว้
โอเค คุณอาจพูดว่า เหตุใดจึงต้องใช้ JavaScript เพื่อประมวลผลแบบฟอร์มเดียวกัน มี php สำหรับสิ่งนี้ ฉันกรอกสิ่งที่จำเป็นและส่งให้ตัวเองอย่างสงบ
ถูกต้อง JavaScript ไม่ประมวลผลข้อมูล PHP ทำสิ่งนั้นบนเซิร์ฟเวอร์ระยะไกล
แต่จะเกิดอะไรขึ้นถ้าผู้ใช้ไม่ได้กรอกทุกอย่าง? เช่น หากคุณพลาดช่องที่ต้องกรอกที่มีเครื่องหมายดอกจัน * แล้วไงล่ะ? จากนั้นหน้าใหม่จะบินมาหาเขาจากเซิร์ฟเวอร์ซึ่งจะมีการเขียนว่าเขาเป็นคนดูดอะไร
ความแตกต่างพื้นฐานคือ: โดยไม่ต้องใช้ JavaScript เมื่อส่งแบบฟอร์ม คำขอจะถูกส่งไปยังเซิร์ฟเวอร์ระยะไกลไม่ว่าในกรณีใด แม้ว่าแบบฟอร์มจะกรอกไม่ถูกต้องหรือไม่สมบูรณ์ก็ตาม และจะได้รับการตอบสนองข้อผิดพลาดจากเซิร์ฟเวอร์ ผู้ใช้จะต้องป้อนทุกอย่างอีกครั้ง และทุกครั้ง และถ้าคุณใช้ JavaScript หน้าที่มีแบบฟอร์มจะไม่ถูกส่งไปยังเซิร์ฟเวอร์จนกว่าผู้ใช้จะป้อนข้อมูลที่ถูกต้อง
นั่นคือสคริปต์อย่างที่พวกเขาพูดว่า "โดยไม่ต้องออกจากการชำระเงิน" จะตรวจสอบแบบฟอร์มโดยตรงในเบราว์เซอร์ของผู้ใช้และแสดงข้อความหากกรอกไม่ถูกต้องหรือไม่เพียงพอ ที่นี่เขาทำหน้าที่เป็นหน่วยงานกำกับดูแล
ยอมรับว่าสะดวกกว่ามาก ใช้เวลาน้อยลง และแน่นอน กินการจราจรน้อยลง และในกรณีของการเชื่อมต่อมือถือไปยังไซต์ สิ่งนี้สำคัญยิ่งกว่านั้นอีก
ดังนั้นสคริปต์ JavaScript จึงเป็นตัวช่วยที่สะดวกซึ่งไม่เพียงตรวจสอบข้อมูลที่ป้อนเท่านั้น แต่ยังดำเนินการที่เป็นประโยชน์มากมายในด้านผู้ใช้อีกด้วย ตัวอย่างเช่น รายการเมนูแบบเลื่อนลงหรือหน้าต่างแบบยุบได้ แถบเลื่อนทุกประเภทและแกลเลอรีรูปภาพที่สวยงาม การเน้นฟิลด์แบบฟอร์มที่ใช้งานอยู่หรือคำแนะนำเครื่องมือบนหน้าเว็บไซต์ และอื่นๆ อีกมากมาย
ผู้อ่านขั้นสูงจะพูดว่า:
ฮ่า! ดังนั้นทั้งหมดนี้สามารถทำได้โดยใช้ CSS3 ล้วนๆ โดยไม่ต้องใช้สคริปต์ใดๆ!
ฉันเห็นด้วยยกเว้นคำว่า "ทุกอย่าง" ทั้งหมดแต่ไม่ใช่ทั้งหมด คุณสามารถสร้างลูกเล่นได้ทุกประเภทโดยใช้ CSS3 ล้วนๆ แต่คุณไม่สามารถตรวจสอบได้ว่ากรอกแบบฟอร์ม CSS อย่างถูกต้องหรือไม่ นอกจากนี้ ยังมีวิธีอื่นๆ อีกนับพันวิธีในการใช้สคริปต์ JavaScript สำหรับสิ่งที่จริงจังกว่านี้ มิฉะนั้น คนฉลาดจะไม่อัด JavaScript ลงใน Bootstrap หรือสร้างไลบรารี่สคริปต์ jQuery ที่มีประโยชน์มหาศาล
วิธีรวม JavaScript ในหน้าเว็บไซต์
มีหลายตัวเลือกในการเชื่อมต่อ JavaScript บนหน้าไซต์
1. โค้ด JavaScript ขนาดเล็กสามารถฝังลงในแท็ก HTML ได้โดยตรง ตัวอย่างเช่นรหัสต่อไปนี้จะแสดงข้อความ "ป้อนอีเมลของคุณ" ในช่องแบบฟอร์มซึ่งจะหายไปโดยอัตโนมัติเมื่อวางเคอร์เซอร์ไว้ที่นั่นเพื่อไม่ให้รบกวนผู้ใช้:
อย่างที่คุณเห็นไม่ได้ระบุไว้โดยเฉพาะว่านี่คือ JavaScript แต่เบราว์เซอร์เข้าใจสิ่งนี้และประมวลผลตามคำสั่งที่เขียนไว้
อย่างไรก็ตาม JavaScript ใช้อักขระเดียวกันกับที่ใช้ใน HTML อย่างกว้างขวาง ตัวอย่างเช่น วงเล็บเหลี่ยมหรือเครื่องหมายคำพูดแบบตรง เพื่อป้องกันไม่ให้เบราว์เซอร์ทำผิดพลาดในการตีความอักขระเหล่านี้ สคริปต์มักจะเขียนระหว่างแท็กพิเศษ:
2. คุณสามารถเพิ่มโค้ดสคริปต์ JavaScript ที่ใหญ่ขึ้นเล็กน้อยลงในตำแหน่งบนหน้าเว็บที่คุณต้องการให้เริ่มทำงานได้โดยตรง ดังที่ได้กล่าวไว้ข้างต้น เราวางกรอบด้วยแท็ก
แต่นี่ไม่สะดวกเสมอไปและในบางกรณีก็เต็มไปด้วย
ตัวอย่างเช่น หากผู้ใช้ปิดใช้งานสคริปต์ในเบราว์เซอร์ หน้าเว็บอาจค้าง ณ จุดนี้และไม่สามารถโหลดได้อย่างสมบูรณ์ ดังนั้น โดยทั่วไปแนะนำให้วางสคริปต์ไว้ที่ด้านล่างสุดของหน้า ก่อนแท็กปิด ในกรณีนี้ แม้ว่าสคริปต์จะไม่ทำงาน ตัวเพจเองก็จะโหลดทั้งหมดโดยไม่มีความล่าช้าที่ไม่จำเป็น
3. วิธีที่ถูกต้องที่สุดในการเชื่อมต่อสคริปต์ JavaScript คือการวางสคริปต์ไว้ในไฟล์แยกต่างหากที่มีนามสกุล .js และเชื่อมต่อกับหน้าเว็บผ่านลิงก์ เช่นเดียวกับกรณีที่มีการวางสไตล์ชีต CSS ไว้ในไฟล์แยกต่างหาก ตัวอย่าง:
นี่เป็นการสรุปการสำรวจเบื้องต้นของเราเกี่ยวกับ JavaScript ครั้งต่อไปเราจะเขียนบทแรกของเราในภาษาที่ยอดเยี่ยมนี้ สมัครรับข้อมูลอัปเดตบล็อกของ Web Council เพื่อให้คุณไม่พลาดสิ่งใด!
