การแนะนำ JavaScript ที่เข้าใจง่าย

1. ข้อมูลเบื้องต้นเกี่ยวกับ JS

Javascript เป็น ภาษาสคริปต์ ฝั่งไคลเอ็นต์ที่คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ที่สืบทอดมาจากต้นแบบที่พัฒนาจาก LiveScript ของ Netscape จุดประสงค์หลักคือเพื่อแก้ปัญหาภาษาฝั่งเซิร์ฟเวอร์ เช่น Perl ความเร็วที่เหลืออยู่ ปัญหาทำให้ลูกค้าได้รับเอฟเฟกต์การท่องเว็บที่ราบรื่นยิ่งขึ้น

ในเวลานั้น เซิร์ฟเวอร์จำเป็นต้องตรวจสอบข้อมูล เนื่องจากความเร็วเครือข่ายช้ามาก เพียง 28.8kbps ขั้นตอนการตรวจสอบจึงเสียเวลามากเกินไป ดังนั้นเบราว์เซอร์ Navigator ของ Netscape จึงเพิ่ม Javascript เพื่อให้มีฟังก์ชันพื้นฐานของการตรวจสอบข้อมูล ชื่ออย่างเป็นทางการของ JavaScript คือ "ECMAScript" มาตรฐานนี้ได้รับการพัฒนาและดูแลโดยองค์กร ECMA ECMA-262 เป็นมาตรฐาน JavaScript อย่างเป็นทางการ มาตรฐานนี้ใช้ JavaScript (Netscape) และ JScript (Microsoft)

Brendan Eich แห่ง Netscape (Navigator 2.0) เป็นผู้คิดค้นภาษานี้ ซึ่งปรากฏในเบราว์เซอร์ Netscape และ Microsoft ทั้งหมดตั้งแต่ปี 1996 การพัฒนา ECMA-262 เริ่มขึ้นในปี 1996 และในเดือนกรกฎาคม 1997 สมัชชาใหญ่ ECMA ได้นำเวอร์ชันแรกมาใช้

ส่วนประกอบของ JavaScript ได้แก่ ECMAScript , DOM และ BOM

JS เป็นคำสั่งสคริปต์ขนาดเล็กที่ทำงานบนเบราว์เซอร์ ซึ่งสามารถรับรู้ถึงภาพเคลื่อนไหวเนื้อหาข้อความในหน้าเว็บ การเปลี่ยนแปลงข้อมูลไดนามิก เอฟเฟกต์พิเศษของภาพเคลื่อนไหว ฯลฯ

ECMAScript

เป็นภาษาสคริปต์ที่ได้รับมาตรฐานโดย European Computer Manufacturing Association (ECMA) ผ่านทาง ECMA-262 พูดง่ายๆ ก็คือ ECMAScript อธิบายไวยากรณ์ ประเภท คำสั่ง คำสำคัญ คำสงวน ตัวดำเนินการ และอ็อบเจ็กต์ มันกำหนดคุณสมบัติ วิธีการ และอ็อบเจ็กต์ทั้งหมดของภาษาสคริปต์

DOM

วางแผนทั้งหน้าเป็นเอกสารที่ประกอบด้วยเลเยอร์โหนด ซึ่งไม่เกี่ยวข้องกับเบราว์เซอร์ แพลตฟอร์ม และภาษา ช่วยให้นักพัฒนาเว็บมีมาตรฐานในการเข้าถึงข้อมูล สคริปต์ และออบเจ็กต์เลเยอร์การนำเสนอในไซต์ เนื้อหาเว็บ ผลของการตรวจสอบและการเปลี่ยนแปลง

BOM

เป็นคุณสมบัติของเบราว์เซอร์ซึ่งสามารถเข้าถึงและใช้งานหน้าต่างเบราว์เซอร์ได้ เช่น การย้าย การปิดหน้าต่าง การปรับขนาดหน้าต่าง การสนับสนุนคุกกี้ เป็นต้น การเขียนโปรแกรม BOM สามารถบรรลุผลจากการควบคุมพฤติกรรมของเบราว์เซอร์แบบไดนามิก

บางคนยังกล่าวเช่นนี้:
ECMAScript สามารถเข้าใจได้ว่าเป็นส่วนไวยากรณ์พื้นฐานของ JS

สามารถเข้าใจได้ง่าย ๆ ว่า DOM เป็นการเขียนโปรแกรม BOM ที่ใช้วัตถุเอกสารเพื่อดำเนินการเนื้อหาเอกสาร

และสามารถเข้าใจได้ว่าเป็นการเขียนโปรแกรมที่ใช้วัตถุหน้าต่างเพื่อดำเนินการพฤติกรรมของเบราว์เซอร์

2. คุณสมบัติ JS

คุณสมบัติ

JS ทำงานบนเบราว์เซอร์ด้วยภาษาสคริปต์
1. ภาษาสคริปต์ ภาษา

สคริปต์เป็นโปรแกรมง่ายๆ ที่มีขนาดเล็ก ไม่ต้องคอมไพล์ และทำงานได้อย่างรวดเร็ว ประกอบด้วยอักขระ ASCII บางตัว และสามารถเขียนได้โดยใช้โปรแกรมแก้ไขข้อความใดๆ ภาษาสคริปต์หมายถึงภาษาการเขียนโปรแกรมที่ถูกตีความและดำเนินการโดยล่ามในเว็บเบราว์เซอร์ ทุกครั้งที่มีการรันโปรแกรม ล่ามจะแปลโค้ดโปรแกรมเป็นรูปแบบที่ปฏิบัติการได้ ภาษาการเขียนโปรแกรมบางภาษา (เช่น C, C++, Java ฯลฯ) จะต้องได้รับการคอมไพล์ และซอร์สโค้ดจะต้องได้รับการคอมไพล์เป็นไฟล์ปฏิบัติการแบบไบนารีก่อนจึงจะสามารถรันภาษาสคริปต์ได้ ล่วงหน้าตราบใดที่มีล่ามที่เหมาะสม

2. ภาษาเชิงวัตถุ

เชิงวัตถุมีลักษณะสำคัญสามประการ (การห่อหุ้ม การสืบทอด ความหลากหลาย) ที่ขาดไม่ได้ โดยปกติแล้ว "ตามวัตถุ" จะใช้วัตถุ แต่เทมเพลตวัตถุที่มีอยู่ไม่สามารถใช้เพื่อสร้างประเภทวัตถุใหม่ได้ กล่าวอีกนัยหนึ่ง "ตามวัตถุ" ไม่มีลักษณะของการสืบทอด หากไม่มีแนวคิดเรื่องการสืบทอดก็จะไม่มีทางพูดถึง "ความหลากหลาย" ได้เลย

3. การกระทำ ที่ขับเคลื่อนด้วยเหตุการณ์

ที่ดำเนินการบางอย่างบนหน้าเว็บเรียกว่า "เหตุการณ์" เช่น การกดเมาส์ การย้ายหน้าต่าง การเลือกเมนู ฯลฯ . ถือได้ว่าเป็นงานอีเว้นท์. เมื่อมีเหตุการณ์เกิดขึ้น การตอบสนองเหตุการณ์ที่เกี่ยวข้องอาจถูกทริกเกอร์

4. ความเรียบง่าย

ประเภทของตัวแปรถูกพิมพ์อย่างไม่รัดกุมและไม่ได้ใช้ประเภทข้อมูลที่เข้มงวด var a,b,c; a=123; b="abc"; a=b;

5. ความปลอดภัย

JavaScript ไม่สามารถเข้าถึงฮาร์ดดิสก์ภายในเครื่อง ไม่สามารถจัดเก็บข้อมูลบนเซิร์ฟเวอร์ และไม่สามารถแก้ไขหรือลบเอกสารเครือข่ายได้ การโต้ตอบแบบไดนามิกสามารถทำได้ผ่านเบราว์เซอร์เท่านั้น

6. JavaScript ข้ามแพลตฟอร์ม

ขึ้นอยู่กับเบราว์เซอร์เองและไม่เกี่ยวข้องกับแพลตฟอร์มปฏิบัติการ ตราบใดที่คอมพิวเตอร์มีเบราว์เซอร์ที่รองรับ JavaScript (ติดตั้งมาพร้อมกับล่าม JavaScript) โปรแกรม JavaScript สามารถใช้งานได้ถูกต้อง

ข้อเสีย:

เบราว์เซอร์ต่างๆ รองรับ JavaScript ในระดับที่แตกต่างกัน เบราว์เซอร์ที่รองรับ JavaScript และเบราว์เซอร์ที่ไม่รองรับ JavaScript อย่างสมบูรณ์จะมีช่องว่างบางประการเมื่อเรียกดูหน้าเว็บเดียวกันด้วยสคริปต์ JavaScript และบางครั้งอาจไม่แสดงด้วยซ้ำ

3. ความแตกต่างระหว่าง JS และ Java

ความแตกต่าง 1: บริษัทต่างๆ และรุ่นก่อนๆ ที่แตกต่างกัน

JavaScript เป็นผลิตภัณฑ์ของ Netscape เป็นภาษาการตีความที่ขับเคลื่อนด้วยวัตถุและเหตุการณ์ที่พัฒนาขึ้นเพื่อขยายฟังก์ชันของ Netscape Navigator ที่สามารถฝังอยู่ในเว็บเพจได้ Java รุ่นก่อนคือ Live Script Java เป็นภาษาการเขียนโปรแกรมเชิงวัตถุรุ่นใหม่ที่เปิดตัวโดย SUN ซึ่งเหมาะอย่างยิ่งสำหรับการพัฒนาแอปพลิเคชันอินเทอร์เน็ต รุ่นก่อนของ Java คือภาษา Oak

ความแตกต่าง 2: JavaScript เชิงวัตถุและเชิงวัตถุ

เป็นภาษาสคริปต์และภาษาตามวัตถุ ตัวมันเองมีชุดของอ็อบเจ็กต์ภายในมากมายให้นักออกแบบใช้ แต่ไม่สนับสนุนการสืบทอดและความหลากหลาย Java เป็นภาษาเชิงวัตถุ ซึ่งเป็นภาษาเชิงวัตถุที่แท้จริง รองรับการห่อหุ้ม การสืบทอด และความหลากหลาย

ข้อแตกต่างที่ 3: ประเภทตัวแปรมีความแตกต่างกันในด้านจุดแข็งและจุดอ่อน

Java ใช้การตรวจสอบตัวแปรประเภทที่รัดกุม กล่าวคือ ตัวแปรทั้งหมดจะต้องได้รับการประกาศเป็นประเภทที่ระบุก่อนการคอมไพล์ ตัวอย่างเช่น: int x=1234; เป็นตัวแปรที่พิมพ์ไม่ดีใน JavaScript คำสั่ง var ถูกใช้อย่างสม่ำเสมอและสามารถกำหนดค่าประเภทข้อมูลต่างๆ ได้

ความแตกต่าง 4: ตำแหน่งที่ทำงานแตกต่างกัน

Java ทำงานบนฝั่งเซิร์ฟเวอร์ ภาษาการเขียนโปรแกรมขนาดใหญ่ และ JS ทำงานบนไคลเอนต์ (เบราว์เซอร์) ซึ่งเป็นภาษาสคริปต์ขนาดเล็ก

4. ความสัมพันธ์ระหว่าง HTML, CSS และ JS

HTML, CSS และ JS ต่างก็เป็นเทคโนโลยีหลักของส่วนหน้าและทั้งสามก็มีการแบ่งงานเป็นของตัวเอง HTML สามารถใช้เพื่อสร้างโครงสร้างหลักของหน้าเว็บได้ ส่วน CSS ใช้ในการตกแต่งเว็บให้สวยงาม หน้าและ JS ใช้เพื่อเพิ่มเอฟเฟกต์แบบไดนามิกให้กับหน้าเว็บ

แล้วรูปล่ะเพื่อน.

5. วิธีแนะนำ JS

1.

วิธีการแนะนำแบบอินไลน์แบบฝัง:

1. ในแท็ก head ให้ใช้แท็ก script คู่หนึ่งเพื่อฝังโค้ด js

2. ไม่จำเป็นต้องเขียนแอตทริบิวต์ type

<!DOCTYPE html><html>
	<หัว>
		<meta charset="utf-8" />
		<title>วิธีการแนะนำ JS 1</title>
		<!--วิธีการแนะนำแบบฝัง 1. ในแท็ก head ให้ใช้แท็กสคริปต์คู่หนึ่งเพื่อฝังโค้ด js 2. ไม่จำเป็นต้องเขียนแอตทริบิวต์ type -->
		<script type="text/javascript">
			
		//กำหนดฟังก์ชัน (วิธีการ)
		ฟังก์ชั่น fun1 () {
			//แจ้งเตือนข้อความป๊อปอัพ("สวัสดี")
		-
		</สคริปต์>
	</หัว>
	<ร่างกาย>
		<input type="button" value="คลิกฉัน" onclick="fun1()"/>
	</body></html>

ข้อบกพร่อง:
1. รหัส JS ที่เรากำหนดสามารถใช้ได้เฉพาะในหน้าเว็บปัจจุบัน โดยมีการใช้โค้ดซ้ำน้อยและมีการบำรุงรักษาต่ำ

และ

โค้ด HTML ผสมกันในไฟล์เดียวโดยมีความสามารถในการอ่านไม่ดี

<!DOCTYPE html><html>
	<หัว>
		<meta charset="UTF-8">
		<title>วิธีการแนะนำ JS 2</title>
		<!--การแนะนำไฟล์ js ภายนอกที่เชื่อมโยง 1. ปรับปรุงการใช้โค้ดซ้ำ 2. ลดความยากในการบำรุงรักษาโค้ด 3. หน้าเดียวสามารถแนะนำไฟล์ js ที่แตกต่างกันหลายไฟล์พร้อมกัน 4. เมื่อมีการแนะนำไฟล์สิ้นสุดภายนอกในแท็กสคริปต์ เนื่องจากไม่สามารถกำหนดโค้ดอินไลน์ที่อยู่ตรงกลาง --> ได้
		<script type="text/javascript" src="js/myjs.js"></script>
		<script type="text/javascript" src="js/myjs2.js"></script>
		<สคริปต์>
			ฟังก์ชั่น fun3() {
				alert("วิธีการแนะนำ js")
			-
		</สคริปต์>
	</หัว>
	<ร่างกาย>
		<input type="button" value="คลิกฉัน" onclick="fun1()"/>
		<input type="button" value="คลิกฉัน 2" onclick="fun2()"/>
		<input type="button" value="คลิกฉัน 3" onclick="fun3()"/>
	</body></html>

ข้อดี:

ใช้โค้ดซ้ำได้สูง ดูแลรักษาโค้ดได้ง่ายกว่า

หมายเหตุ:

1. ไฟล์ JS หลายไฟล์สามารถถูกแนะนำในหน้าเดียวในเวลาเดียวกัน

2. ไฟล์ JS แต่ละไฟล์จะต้องถูกแนะนำโดยใช้แท็ก script อิสระ

3. การแนะนำแบบฝังและลิงก์ไม่สามารถใช้แท็กเดียวกันได้