1. JavaScript Core Basic Syntax
1. JavaScript เป็นภาษาการเขียนโปรแกรมที่เพิ่มเอฟเฟกต์การโต้ตอบ เดิมทีมันถูกคิดค้นโดย NetScape และในที่สุดก็ถูกส่งไปยัง ECMA (สมาคมผู้ผลิตคอมพิวเตอร์ในยุโรป) ECMA สร้างมาตรฐาน JavaScript และมีชื่อว่า JavaScript
2. JavaScript เป็นภาษาที่ตีความได้ซึ่งสามารถทำงานได้โดยตรงในเบราว์เซอร์โดยไม่ต้องรวบรวม
3. JavaScript ใช้อะไร?
1. คุณสามารถควบคุมองค์ประกอบทั้งหมดในหน้าเว็บและเพิ่มลบและแก้ไขแอตทริบิวต์ขององค์ประกอบ
2. คุณสามารถใส่ข้อความแบบไดนามิกใน HTML
3. ตอบสนองต่อเหตุการณ์ที่สร้างขึ้นโดยผู้ใช้เมื่อใช้หน้าเว็บ
4. ยืนยันข้อมูลที่ป้อนโดยผู้ใช้
5. ตรวจจับเบราว์เซอร์ของผู้ใช้
6. ใช้เพื่อสร้างคุกกี้
4. สามวิธีในการสร้าง JavaScript ในหน้าเว็บ HTML
1. สไตล์ภายนอก:
สร้างไฟล์ด้วยชื่อไฟล์: xx.js ลิงก์ผ่าน <script src = "xx.js"> <script>
2. สไตล์ฝัง:
ใช้ <script type = "text/javascript"> </script> ในหัวหรือร่างกายใน HTML หรือโหลดโดยตรงด้วย <script> </script>
3. สไตล์อินไลน์:
เพิ่มเหตุการณ์โดยตรงไปยังแท็ก: <อินพุต onclick = "การแจ้งเตือน ('helloWorld!')"> โหลด
5. ประเภทข้อมูล JavaScript:
ชนิดข้อมูลมีสองประเภท: 1. ประเภทข้อมูลดั้งเดิม 2. ประเภทข้อมูลอ้างอิง (วัตถุ)
ประเภทข้อมูลต้นฉบับ: 1.Typeof 2. หมายเลข 3.STRING 4.BOOLEAN 5.NULL 6.UNDEFINED
ประเภทข้อมูลอ้างอิง: (มีวัตถุที่กำหนดไว้ล่วงหน้าสามประเภท) 1. วัตถุดั้งเดิม (วัตถุ, ตัวเลข, สตริง, บูลีน, ฟังก์ชั่น, อาร์เรย์, วันที่ ฯลฯ ) 2. วัตถุในตัว: ไม่จำเป็นต้องแสดงการเริ่มต้น
6.-bom และ dom
BOM: โมเดลวัตถุเบราว์เซอร์
DOM: โมเดลวัตถุเอกสาร
2. โมเดลเหตุการณ์ JavaScript
1. JavaScript Event Model: 1. Bubble Type: <input type = "ปุ่ม"> เมื่อผู้ใช้คลิกปุ่ม: อินพุต-body-html-document-window (ฟองจากล่างขึ้นไปด้านบน) IE เบราว์เซอร์เพียงแค่ใช้ฟอง
2. ประเภทการจับภาพ: <อินพุต type = "ปุ่ม"> เมื่อผู้ใช้คลิกปุ่ม: Window-Document-html-body-input (จากบนลงล่าง)
หลังจากมาตรฐาน ECMA เบราว์เซอร์อื่น ๆ รองรับสองประเภทและการจับภาพเกิดขึ้นก่อน
2. สามวิธีในการเขียนเหตุการณ์ดั้งเดิม:
1. <อินพุต type = "ปุ่ม" onclick = "การแจ้งเตือน ('helloWorld!')">
2. <อินพุต type = "ปุ่ม onclick = name1 ()"> ====== <สคริปต์> function name1 () {alert ('helloword!');} </script> // ฟังก์ชันชื่อ
3. <อินพุต type = "ปุ่ม" id = "input1"> // ฟังก์ชันที่ไม่ระบุชื่อ
การคัดลอกรหัสมีดังนี้:
<script>
var button1 = document.getElementById ("input1");
button1.onclick = funtion () {
แจ้งเตือน ('Helloword!')
-
</script>
3. วิธีการเขียนเหตุการณ์ที่ทันสมัย:
การคัดลอกรหัสมีดังนี้:
<อินพุต type = "ปุ่ม" id = "input1"> // เพิ่มเหตุการณ์ใน IE
<script>
var fnclick () {
การแจ้งเตือน ("ฉันถูกคลิก")
-
var oinput = document.getElementById ("input1");
oinput.attachevent ("onclick", fnclick);
-
oinput.detachevent ("onclick", fnclick); // ลบเหตุการณ์ใน IE
</script>
<อินพุต type = "ปุ่ม" id = "input1"> // เพิ่มเหตุการณ์ใน dom
<script>
var fnclick () {
การแจ้งเตือน ("ฉันถูกคลิก")
-
var oinput = document.getElementById ("input1");
oinput.addeventListener ("onclick", fnclick, true);
-
oinput.removeeVentListener ("onclick", fnclick); // ลบเหตุการณ์ใน DOM
</script>
<อินพุต type = "ปุ่ม" id = "input1"> // เข้ากันได้กับเหตุการณ์ IE และ DOM เพิ่มเติม
<script>
var fnclick1 = function () {alert ("ฉันถูกคลิก")}
var fnclick2 = function () {alert ("ฉันถูกคลิก")}
var oinput = document.getElementById ("input1");
if (document.attachevent) {
oinput.attachevent ("onclick", fnclick1)
oinput.attachevent ("onclick", fnclick2)
-
อื่น (document.addeventListener) {
oinput.addeventListener ("คลิก", fnclick1, true)
oinput.addeventListener ("คลิก", fnclick2, true)
-
</script>