1. JavaScript เป็นภาษาสคริปต์ที่ออกแบบมาสำหรับการโต้ตอบกับหน้าเว็บ องค์ประกอบของมัน
Ecmascript (Core) DOM (โมเดลวัตถุเอกสาร) BOM (โมเดลวัตถุเบราว์เซอร์)
1.1ecmascript
Ecmascript ที่กำหนดโดย ECMA-262 ไม่มีการพึ่งพาเว็บเบราว์เซอร์ ECMA-262 กำหนดพื้นฐานของภาษานี้เท่านั้นและให้ฟังก์ชั่นภาษาหลัก
Ecmascript เป็นภาษาสคริปต์ที่ได้มาตรฐานผ่าน ECMA-262 ECMA-262 กำหนดภาษา: ไวยากรณ์, ประเภท, คำสั่ง, คำหลัก, คำที่สงวนไว้, ผู้ประกอบการ, วัตถุ
1.2 DOM (Document Object Modle)
DOM เป็นอินเทอร์เฟซการเขียนโปรแกรมแอปพลิเคชันสำหรับ XML แต่ได้รับการขยายสำหรับ HTML โดยให้วิธีการและอินเทอร์เฟซสำหรับการเข้าถึงและจัดการเนื้อหาเว็บ
DOM แมปทั้งหน้าเป็นโครงสร้างโหนดหลายชั้น แต่ละองค์ประกอบในหน้า HTML หรือ XML เป็นโหนดบางประเภทซึ่งมีข้อมูลประเภทต่าง ๆ
1.3 BOM (โมเดลวัตถุ Bower)
ควบคุมส่วนอื่นนอกเหนือจากหน้าเว็บที่แสดงโดยเบราว์เซอร์ BOM จะประมวลผลเฉพาะหน้าต่างเบราว์เซอร์และเฟรมเวิร์กและให้วิธีการและอินเทอร์เฟซสำหรับการโต้ตอบกับเบราว์เซอร์
2. <script> องค์ประกอบ
2.1 ไฟล์อ้างอิง JavaScript
การอ้างอิงภายนอกไปยังไฟล์ JavaScript:
การคัดลอกรหัสมีดังนี้:
<script type = "text/javascript" src = "../../ xx.js"> </script>
หน้าฝังรหัส JavaScript
การคัดลอกรหัสมีดังนี้:
<script type = "text/javascript">
// รหัส JavaScript
</script>
รหัส JavaScript ที่มีอยู่ภายในองค์ประกอบ <script> จะถูกอธิบายตามลำดับจากบนลงล่าง
2.2 คุณสมบัติของ <script> องค์ประกอบ
สคริปต์การหน่วงเวลาที่เลื่อนออกไป: บอกเบราว์เซอร์ให้ดาวน์โหลดทันทีสคริปต์จะล่าช้าจนกว่าหน้าทั้งหมดจะถูกแยกวิเคราะห์ก่อนที่จะดำเนินการ การเลื่อนเวลานั้นเหมาะสำหรับไฟล์สคริปต์ที่แนะนำจากภายนอกเท่านั้น
การคัดลอกรหัสมีดังนี้:
<! doctype html>
<html>
<head>
<script type = "text/javascript" defer = "defer" src = "example.js"> </script>
</head>
</html>
แม้ว่าแท็ก <script> จะอยู่ในแท็ก <head> แต่ demo.js จะล่าช้าจนกว่าเบราว์เซอร์จะพบ </html>
สคริปต์แบบอะซิงโครนัส: หน้าต้องรอให้ดาวน์โหลดสคริปต์และดำเนินการเพื่อโหลดเนื้อหาอื่น ๆ ของหน้าแบบอะซิงโครนัส
เช่นเดียวกับการเลื่อนเวลาใช้งานเฉพาะกับไฟล์สคริปต์ที่นำเข้าภายนอกเท่านั้น Async บอกให้เบราว์เซอร์ดาวน์โหลดไฟล์ทันที แต่แตกต่างจากการเลื่อนเวลาการทำเครื่องหมายของสคริปต์ Async ไม่รับประกันการดำเนินการตามลำดับที่ระบุไว้ ขอแนะนำว่าสคริปต์แบบอะซิงโครนัสไม่ได้แก้ไข DOM ในระหว่างการโหลด
การคัดลอกรหัสมีดังนี้:
<!-สคริปต์ async->
<script type = "text/javascript" async = "async" src = "example1.js"> </script>
<script type = "text/javascript" async = "async" src = "example2.js"> </script>
2.3 คุณสมบัติของ <noscript> องค์ประกอบ
การคัดลอกรหัสมีดังนี้:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> ทดสอบ </title>
<!-สคริปต์ล่าช้า->
<scriptType = "text/javascript" defer = "defer" src = "example.js"> </script>
<!-คำแนะนำสคริปต์->
<script type = "text/javascript" async = "async" src = "example1.js"> </script>
<script type = "text/javascript" async = "async" src = "example2.js"> </script>
</head>
<body>
<noscript>
<p> หน้านี้แสดงให้เห็นว่าจำเป็นต้องใช้ JavaScript (เปิดใช้งาน)
</noscript>
</body>
</html>
เบราว์เซอร์ไม่รองรับสคริปต์
เบราว์เซอร์รองรับสคริปต์ แต่สคริปต์ถูกปิดใช้งานและเบราว์เซอร์จะแสดงเนื้อหาใน <Noscript>
หน้านี้จะแสดงข้อความถึงผู้ใช้หากสคริปต์ไม่ถูกต้องและในเบราว์เซอร์ที่เปิดใช้งานสคริปต์ผู้ใช้จะไม่เห็นมัน
ข้างต้นเป็นเรื่องเกี่ยวกับบทความนี้ ฉันหวังว่าคุณจะชอบมัน ซีรี่ส์นี้จะยังคงได้รับการอัปเดตต่อไป