این آموزش در تاریخ ۱۴۰۲/۰۶/۲۰ آپدیت شده است.
آموزش صفت Defer در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت Defer در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
صفت Defer در HTML
صفت defer
یک صفت بولی ( Boolean ) می باشد، که فقط در تگ script
مورد استفاده قرار میگیرد و نحوه ی اجرای اسکریپت های موجود در یک صفحه را مشخص میکند.
یه صفت دیگه داریم به اسم Async ، که در واقع این ۲تا صفت از یه خانوادن و مشخص میکنن که فایل های جاوااسکریپت موجود در یک صفحه به چه صورت بارگذاری شوند.
از این صفت فقط میتوان در فایل های جاوااسکریپت خارجی ( منظور از خارجی یعنی فایل های مجزا ) ( که دارای صفت src هستند ) استفاده کرد.
چند روش برای اجرای اسکریپت های خارجی وجود دارد :
- اگر از صفت async استفاده شده باشد جاوااسکریپت بصورت غیرهمزمان با لود صفحه اجرا میشود. ( یعنی براش مهم نیست صفحه کامل لود شده یا نه )
- اگر از صفت defer استفاده شود جاوااسکریپت به محض تمام شدن لود کامل صفحه اجرا میشود.
- اگر نه از صفت async و نه defer استفاده شود جاوااسکریپت بصورت همزمان با لود صفحه اجرا میشود.
Free-Learn
عناصری که توسط این صفت پشتیبانی می شوند
این صفت را میتوان در عناصر/تگ های زیر بکار برد.
<script> |
Free-Learn
مثال از صفت Defer در HTML
در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.
1 2 3 4 5 |
<body> <script src="MyFile.js" defer></script> </body |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت defer
در HTML پشتیبانی میکنند یا خیر.
نام صفت | Chrome | Firefox | Opera | Safari | Edge |
defer | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این صفت در HTML بصورت زیر می باشد.
1 |
<script src="MyFile.js" defer> |
Free-Learn
نکات و توضیحات
- از این صفت فقط میتوان در تگ script استفاده کرد و این تگ باید حتما صفت src داشته باشد.