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