این آموزش در تاریخ ۱۴۰۱/۰۴/۳۱ آپدیت شده است.
آموزش ویژگی readyState در DOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی readyState در DOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
ویژگی readyState در DOM جاوااسکریپت
با استفاده از ویژگی readyState میتونیم وضعیت بارگذاری ( Loading ) صفحه رو بدست آوریم. ( یا برگشت بدیم )
این ویژگی چندین مقدار به خروجی میده که هر یک از این مقادیر نشان دهنده وضعیت بارگذاری صفحه هستند، مثلا اگه مقدار complete در خروجی نمایش داده شد این یعنی صفحه بطور کامل لود ( بارگذاری ) شده.
| مقدار برگشتی | یک رشته ( متن ) که نشان دهنده وضعیت بارگذاری صفحه می باشد در خروجی یکی از مقادیر زیر نمایش داده میشه uninitialized – یعنی عمل بارگذاری هنوز شروع نشده loading – یعنی صفحه در حال بارگذاری می باشد interactive – یعنی اونقدی بارگذاری شده که کاربر بخواد محتوارو ببینه complete – یعنی صفحه بطور کامل بارگذاری شده است |
|---|---|
| نسخه DOM | DOM Level 3 |
Free-Learn
مثال از این ویژگی
در ادامه میتوانید یک مثال از این ویژگی را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : با کلیک بروی یک دکمه وضعیت بارگذاری صفحه نمایش داده میشه
|
1 2 3 4 5 6 7 8 9 10 |
<script> function MyStatus(){ var Result , MyStatus; Result = document.getElementById("Result"); MyStatus = document.readyState; Result.innerHTML = MyStatus; } </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این ویژگی در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام ویژگی | Chrome | Firefox | Opera | Safari | Edge |
| readyState | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در جاوااسکریپت بصورت زیر می باشد.
|
1 |
document.readyState; |
Free-Learn
نکات و توضیحات
- این ویژگی یک ویژگی فقط خواندنی یا Read-Only می باشد.
