ด้วยโมเดลวัตถุเอกสาร (DOM) คุณสามารถสร้างเกือบทุกอย่างใน HTML แบบไดนามิกด้วย JavaScript เหตุผลพื้นฐานคือแท็ก <script> ไม่แตกต่างจากองค์ประกอบอื่น ๆ ในหน้า: พวกเขาทั้งหมดสามารถอ้างอิงผ่าน DOM พวกเขาสามารถย้ายลบหรือสร้างในเอกสารได้ การใช้วิธี DOM มาตรฐานเป็นเรื่องง่ายมากที่จะสร้างองค์ประกอบ <Script> ปีใหม่:
การคัดลอกรหัสมีดังนี้:
<script type = "text/javascript">
var script = document.createElement ("สคริปต์");
script.type = "text/javascript";
script.src = "file1.js";
document.getElementByTagname ("head") [0] .AppendChild (สคริปต์);
</script>
องค์ประกอบ <Script> ที่สร้างขึ้นใหม่นี้จะโหลดไฟล์ file1.js ไฟล์เริ่มดาวน์โหลดเมื่อมีการเพิ่มองค์ประกอบลงในหน้า จุดสำคัญของเทคนิคนี้คือเมื่อใดก็ตามที่การดาวน์โหลดเริ่มต้นการดาวน์โหลดและการดำเนินการของไฟล์จะไม่บล็อกกระบวนการอื่น ๆ ในหน้า คุณสามารถใส่รหัสในพื้นที่ <head> ของหน้าโดยไม่ส่งผลกระทบต่อส่วนอื่น ๆ ของหน้า