คัดลอกรหัสรหัสดังนี้:
<script src = "../ cgi-bin/delscript.js" defer> </script>
บทบาทที่เลื่อนออกไปคือเอกสารถูกโหลดก่อนที่จะดำเนินการสคริปต์เพื่อให้ปัญหาที่ไม่สามารถหลีกเลี่ยงได้ไม่สามารถหลีกเลี่ยงได้ --- ปัญหาบางอย่าง
<button id = "myButton" onclight = "การแจ้งเตือน ('ตกลง')"> ทดสอบ </button>
<script>
myButton.Click ();
</script>
<script>
myButton.Click ();
</script>
<button id = "myButton" onclight = "การแจ้งเตือน ('ตกลง')"> ทดสอบ </button>
<สคริปต์เลื่อนลอย>
Document.body.onload () {
การแจ้งเตือน (document.body.offsetheight);
-
</script>
การเพิ่มการเลื่อนเวลานั้นเทียบเท่ากับการดำเนินการหลังจากป้อนหน้าเว็บอย่างสมบูรณ์ซึ่งเทียบเท่ากับ window.onload แต่มันมีความยืดหยุ่นมากกว่า window.onload!
Defer เป็น "ฮีโร่ที่ไม่รู้จัก" ในฟังก์ชั่นที่ทรงพลังของโปรแกรมสคริปต์ มันบอกกลุ่มสคริปต์ของเบราว์เซอร์ที่มีรหัสที่ไม่จำเป็นต้องดำเนินการทันทีและรวมกับแอตทริบิวต์ SRC .
-แต่เอกสารจะถูกโหลดแล้วเรียกใช้สคริปต์
โปรดให้ความสนใจกับสองคะแนนในตอนท้าย:
1. อย่าโทรหาเอกสารคำสั่ง WWRITE ในเซ็กเมนต์ของโปรแกรมสคริปต์เลื่อนเวลาเนื่องจาก document.write จะสร้างเอฟเฟกต์เอาต์พุตโดยตรง
2. และอย่ารวมตัวแปรหรือฟังก์ชั่นส่วนกลางใด ๆ ที่จะใช้ทันทีในเซ็กเมนต์โปรแกรมสคริปต์เลื่อนเวลา
วิธีการเพิ่มประสิทธิภาพที่ใช้กันทั่วไปคือ: เมื่อสคริปต์ไม่จำเป็นต้องรันทันทีให้ตั้งค่าคุณสมบัติ "เลื่อนเวลา" ในแท็ก <script> (สคริปต์ทันทีไม่รวมอยู่ในบล็อกฟังก์ชั่นดังนั้นมันจะถูกดำเนินการในระหว่างกระบวนการโหลด) หลังจากตั้งค่าคุณสมบัติ "เลื่อนเวลา" เช่นไม่ต้องรอให้สคริปต์โหลดและดำเนินการ หน้านี้จะโหลดเร็วขึ้น โดยทั่วไปแล้วสิ่งนี้ยังบ่งชี้ว่าสคริปต์ทันทีจะอยู่ในบล็อกฟังก์ชั่นและจัดการฟังก์ชั่นในด้ามออนไลน์ของเอกสารหรือวัตถุร่างกาย เมื่อสคริปต์บางอย่างจำเป็นต้องพึ่งพาการทำงานของผู้ใช้มันจะถูกดำเนินการตัวอย่างเช่นปุ่มคลิกหรือเมาส์ไปยังพื้นที่บางอย่างมันมีประโยชน์มากในการใช้แอตทริบิวต์นี้ อย่างไรก็ตามเมื่อมีสคริปต์บางอย่างที่ต้องดำเนินการในระหว่างการโหลดหน้าเว็บหรือการโหลดประโยชน์ของการใช้แอตทริบิวต์การเลื่อนเวลาไม่มากเกินไป
พวกเขาทั้งหมดเกิดจากการเลื่อนเวลา
<p style = 'leight line: 150%; ไม่พบปัญหา ของเว็บไซต์ดังกล่าวได้รับการลดลงในสองวันนี้ ใน IE เนื่องจากสคริปต์การโหลดล่าช้าสำหรับสคริปต์โฆษณา Google ใช้วิธีการเขียน document.write และเนื่องจากเหตุผลที่เลื่อนออก ได้รับเนื้อหาของโฆษณาของ Google ทั้งหน้าจะได้รับการคุ้มครองซึ่งทำให้เกิดปรากฏการณ์ในการดูข้อความเต็ม </p>
<p style = 'ความสูงของสาย: 150%; คำขอโทษจากสวรรค์ที่เกิดจากความยากลำบากในการสัมภาษณ์ของทุกคน! </p>
<p style = 'line-height: 150%; Indent-Indent: 15pt;'> นอกจากนี้: ขอแนะนำให้คุณใช้ Firefox เพื่อเข้าถึงเว็บไซต์นี้การเข้าถึงและการแยกวิเคราะห์ความเร็วและการจัดวางหน้าเว็บ! </p>