สรุป: องค์ประกอบของ JavaScript บทบาทของแต่ละองค์ประกอบ
1. องค์ประกอบของ JavaScript
จาวาสคริปต์
Ecmascript (Core) DOM (โมเดลวัตถุเอกสาร) BOM (โมเดลวัตถุเบราว์เซอร์)
1.1ecmascript
Ecmascript เป็นภาษาสคริปต์ที่ได้มาตรฐานผ่าน ECMA-262 ECMA-262 กำหนดภาษา: ไวยากรณ์, ประเภท, คำสั่ง, คำหลัก, คำที่สงวนไว้, ผู้ประกอบการ, วัตถุ
1.2 DOM
DOM แมปทั้งหน้าเป็นโครงสร้างโหนดหลายชั้น แต่ละองค์ประกอบในหน้า HTML หรือ XML เป็นโหนดบางประเภทซึ่งมีข้อมูลประเภทต่าง ๆ
1.3 BOM
ควบคุมชิ้นส่วนที่อยู่นอกหน้าเว็บที่แสดงโดยเบราว์เซอร์
2. <script> องค์ประกอบ
2.1 วิธีใช้
การอ้างอิงภายนอกไปยังไฟล์ JavaScript:
การคัดลอกรหัสมีดังนี้:
<script type = "text/javascript" src = "../../ xx.js"> </script>
หน้าฝังรหัส JavaScript
การคัดลอกรหัสมีดังนี้:
<script type = "text/javascript">
var first = "ตัวแปรแรก";
การแจ้งเตือน (ครั้งแรก);
</script>
2.2 คุณสมบัติของ <script> องค์ประกอบ
สคริปต์การหน่วงเวลาเลื่อน: สคริปต์จะล่าช้าจนกว่าหน้าทั้งหมดจะถูกแยกวิเคราะห์ก่อนที่จะดำเนินการ แม้ว่าจะล่าช้า แต่เบราว์เซอร์ได้ดาวน์โหลดไฟล์ JS
การคัดลอกรหัสมีดังนี้:
<! doctype html>
<html>
<head>
<script type = "text/javascript" defer = "defer" src = "demo.js"> </script>
</head>
</html>
ในตัวอย่างข้างต้นแม้ว่าแท็ก <script> จะอยู่ในแท็ก <head> แต่ demo.js จะล่าช้าจนกว่าเบราว์เซอร์จะพบ </html>
การเลื่อนออกไปใช้ได้กับไฟล์สคริปต์ที่นำเข้าภายนอกเท่านั้น
สคริปต์แบบอะซิงโครนัส: ไม่จำเป็นต้องปล่อยให้หน้ารอให้สคริปต์ถูกดาวน์โหลดและดำเนินการเพื่อโหลดเนื้อหาอื่น ๆ ของหน้าแบบอะซิงโครนัส ดังนั้นสคริปต์การโหลดแบบอะซิงโครนัสจะไม่ปรับเปลี่ยน DOM ในระหว่างการโหลด
การคัดลอกรหัสมีดังนี้:
<! doctype html>
<html>
<head>
<script type = "text/javascript" defer = "defer" src = "demo1.js">
<script type = "text/javascript" defer = "defer" src = "demo2.js"> </script>
</head>
</html>
พวกเขาทั้งหมดเป็นความรู้พื้นฐาน JavaScript ฉันหวังว่าทุกคนจะไม่สามารถหลับได้เมื่อพวกเขาอ่าน โดยการวางรากฐานที่มั่นคงเท่านั้นที่จะมีความเป็นไปได้ของการเปลี่ยนแปลงเชิงคุณภาพ