این آموزش در تاریخ ۱۴۰۱/۰۴/۳۱ آپدیت شده است.
آموزش ویژگی scripts در DOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی scripts در DOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
ویژگی scripts در DOM جاوااسکریپت
با استفاده از ویژگی scripts میتونیم به تگ های Script موجود در صفحه دسترسی پیدا نماییم. ( یا هم انتخاب کنیم )
| مقدار برگشتی | برگشت یک شئ از تگ های اسکریپت موجود در صفحه |
|---|---|
| نسخه DOM | DOM Level 3 |
Free-Learn
مثال از این ویژگی
در ادامه میتوانید یک مثال از این ویژگی را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : میخوایم با استفاده از ویژگی length تعداد کل اسکریپت ها ( تگ های Script ) موجود در صفحه رو بدست آوریم
|
1 2 3 4 5 6 7 8 9 10 |
<script> function Tedad_Script(){ var MyScript , Result; MyScript = document.scripts.length; Result = document.getElementById("Result"); Result.innerHTML = "تعداد کل اسکریپت ها = " + MyScript ; } </script> |
مثال شماره ۲ : انتخاب دومین تگ Script از بین تمام اسکریپت های موجود در صفحه ( انتخاب بر اساس شماره ایندکس یا Index یا شماره جایگاه )
|
1 2 3 4 5 6 7 8 9 10 |
<script> function GetScripts(){ var MyScript , Result; MyScript = document.scripts[1]; Result = document.getElementById("Result"); Result.innerHTML = MyScript.id; } </script> |
مثال شماره ۳ : با کلیک بروی یک دکمه، یک فایل خارجی جاوا اسکریپت به صفحه اضافه میشه
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<script> function Set(){ var MyScript; // ایجاد تگ اسکریپت MyScript = document.createElement("script"); // مشخص کردن مسیر یا آدرس فایل جاوااسکریپت MyScript.src = "files/myscript.js"; // اضافه کردن تگ اسکریپت به داخل تگ هد document.head.appendChild(MyScript); } </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این ویژگی در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام ویژگی | Chrome | Firefox | Opera | Safari | Edge |
| scripts | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در جاوااسکریپت بصورت زیر می باشد.
|
1 |
document.scripts; |
Free-Learn
ویژگی ها
در جدول زیر میتوانید ویژگی های قابل استفاده در scripts رو مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| length | برای بدست آوردن تعداد ( کل ) اسکریپت های موجود در صفحه ( مثال ) |
Free-Learn
متدها
در جدول زیر میتوانید متدهای قابل استفاده در scripts رو مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| [index] | انتخاب تگ اسکریپت با استفاده از شماره ایندکس یا Index ( مثال ) |
| item(index) | انتخاب تگ اسکریپت با استفاده از شماره ایندکس یا Index ( مثال ) |
| namedItem(id) | انتخاب تگ اسکریپت با استفاده از ID ( مثال ) |
Free-Learn
نکات و توضیحات
- انتخاب براساس شماره ایندکس یا Index ( یا شماره جایگاه ) یعنی اینکه اون تگ script در صفحه در جایگاه چندم قرار داره.
- اگه شماره ایندکس خارج از محدوده باشه، هیچی یا null برگشت داده میشه. ( بفرض مثال ما ۳ تا اسکریپت در صفحه داریم بعد اومدیم شماره ایندکس دادیم ۴ )
