จะวางรหัส JavaScript ได้ที่ไหน?
โดยปกติแล้วรหัส JavaScript จะใช้กับรหัส HTML และรหัส JavaScript สามารถวางได้ทุกที่ในเอกสาร HTML อย่างไรก็ตามสถานที่ที่วางไว้จะมีผลกระทบบางอย่างต่อการดำเนินการตามปกติของรหัส JavaScript ตามที่อธิบายไว้ด้านล่าง
อยู่ระหว่าง <head> </head>
มันเป็นเรื่องธรรมดาที่จะวางรหัส JavaScript ระหว่าง <head> </head> แท็กในเอกสาร HTML เนื่องจากเอกสาร HTML ถูกโหลดโดยเบราว์เซอร์จากบนลงล่างการวางรหัส JavaScript ระหว่างแท็ก <head> </head> เพื่อให้มั่นใจว่าได้รับการโหลดก่อนที่คุณจะต้องใช้สคริปต์:
การคัดลอกรหัสมีดังนี้:
<html>
<head>
<script type = "text/javascript">
-
รหัส JavaScript
-
</script>
</head>
-
อยู่ระหว่าง <body> </body>
นอกจากนี้ยังมีบางกรณีที่มีการวางรหัส JavaScript ระหว่าง <body> </body> ลองนึกภาพสถานการณ์ต่อไปนี้: เรามีรหัส JavaScript ที่จำเป็นต้องจัดการองค์ประกอบ HTML อย่างไรก็ตามเนื่องจากเอกสาร HTML ถูกโหลดโดยเบราว์เซอร์จากบนลงล่างเพื่อหลีกเลี่ยงองค์ประกอบ HTML ที่ไม่ได้โหลดและข้อผิดพลาด (วัตถุไม่มีอยู่) ถูกรายงานโดยรหัส JavaScript เมื่อจัดการองค์ประกอบ HTML ดังนั้นรหัสนี้จะต้องเขียนไว้เบื้องหลังองค์ประกอบ HTML ตัวอย่างมีดังนี้:
การคัดลอกรหัสมีดังนี้:
<html>
<head>
</head>
<body>
</body>
<div id = "div1"> </div>
<script type = "text/javascript">
document.getElementById ("div1"). innerhtml = "ข้อความทดสอบ";
</script>
</html>
แต่โดยปกติการดำเนินการขององค์ประกอบหน้าของเรามักจะขับเคลื่อนด้วยเหตุการณ์ดังนั้นสถานการณ์นี้จึงหายาก นอกจากนี้เราไม่แนะนำให้เขียนรหัส JavaScript นอก <Html> </html>
คำใบ้
หากเอกสาร HTML ถูกประกาศเป็น XHTML ต้องประกาศแท็ก <Script> </script> ภายในส่วน CDATA มิฉะนั้น XHTML จะแยกวิเคราะห์แท็ก <Script> </script> ลงในแท็ก XML อื่นและรหัส JavaScript ภายในอาจไม่ถูกเรียกใช้งานตามปกติ ดังนั้นการใช้ JavaScript ใน XHTML ที่เข้มงวดควรได้รับการประกาศเช่นตัวอย่างต่อไปนี้:
การคัดลอกรหัสมีดังนี้:
<html>
<head>
<script type = "text/javascript">
<! [cdata [
รหัส JavaScript
-
</script>
</head>
-
สองวิธีข้างต้นในการเขียนรหัส JavaScript ลงในเอกสาร HTML เป็นทั้งสองวิธีในการอ้างอิงรหัส JavaScript ภายในเอกสาร HTML นอกเหนือจากการอ้างอิงภายในแล้วยังสามารถใช้การอ้างอิงภายนอกได้
การอ้างอิงภายนอกถึงรหัส JavaScript
สร้างรหัส JavaScript (ไม่รวม <Script> </script> แท็ก) เอกสารแยกต่างหากชื่อด้วยคำต่อท้าย JS เช่น myscript.js และใช้แอตทริบิวต์ SRC ในเอกสาร HTML </Script> </SPRIST> แท็กเพื่ออ้างอิงไฟล์:
การคัดลอกรหัสมีดังนี้:
<html>
<head>
<script type = "text/javascript" src = "myscript.js"> </script>
</head>
-
ประโยชน์ที่ชัดเจนหลังจากใช้รหัส JavaScript อ้างอิงภายนอก:
1. หลีกเลี่ยงการใช้ <!-... //-> ในรหัส JavaScript
2. หลีกเลี่ยงการใช้ cdatas ที่น่าเกลียด
3. รหัสจาวาสคริปต์สาธารณะสามารถทำซ้ำในเอกสาร HTML อื่น ๆ ซึ่งยังเอื้อต่อการบำรุงรักษารหัส JavaScript แบบครบวงจร
4. เอกสาร HTML มีขนาดเล็กลงซึ่งเอื้อต่อการรวบรวมเครื่องมือค้นหา
5. สามารถบีบอัดและเข้ารหัสไฟล์ JavaScript เดียว
6. เบราว์เซอร์สามารถแคชไฟล์ JavaScript เพื่อลดการใช้บรอดแบนด์ (เมื่อหลายหน้าใช้ไฟล์ JavaScript ในเวลาเดียวกันมันมักจะต้องดาวน์โหลดเพียงครั้งเดียวเท่านั้น)
7. หลีกเลี่ยงการใช้เอนทิตี HTML ที่ซับซ้อนเช่น document.write (2> 1) สามารถใช้โดยตรงโดยไม่ต้องเขียน document.write (2 <1)
การสร้างรหัส JavaScript ลงในไฟล์ภายนอกจะเพิ่มภาระของคำขอ HTTP บนเซิร์ฟเวอร์ ในสภาพแวดล้อมที่มีคำขอพร้อมกันสูงมากนี่ไม่ใช่กลยุทธ์ที่ดี นอกจากนี้เมื่ออ้างถึงไฟล์ JS ภายนอกคุณต้องใส่ใจกับเส้นทางที่ถูกต้องของไฟล์