خانه آموزش زبان جاوااسکریپت آموزش DOM در جاوااسکریپت ویژگی scripts در DOM جاوااسکریپت

ویژگی scripts در DOM جاوااسکریپت

توسط

۱۴۰۰-۰۱-۰۳

آموزش ویژگی scripts در DOM جاوااسکریپت

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی scripts در DOM جاوااسکریپت با من همراه باشید.

ویژگی scripts در DOM جاوااسکریپت

Free-Learn

آنچه در این جلسه میخوانید :

1 ویژگی scripts در DOM جاوااسکریپت
2 مثال از این ویژگی
3 پشتیبانی مرورگرها
4 شکل نوشتاری
5 ویژگی ها
6 متدها
7 نکات و توضیحات

ویژگی scripts در DOM جاوااسکریپت

با استفاده از ویژگی scripts میتونیم اسکریپت ها ( تگ های <script> ) موجود در صفحه را بازگشت بدیم و یا یجورایی بهشون دسترسی پیدا نماییم.

مقدار برگشتی	برگشت یک شئ از اسکریپت های موجود در صفحه
نسخه DOM	Core Level 3 Document Object

Free-Learn

مثال از این ویژگی

در ادامه میتوانید یک مثال از این ویژگی را در زبان جاوا اسکریپت مشاهده نمایید.

مثال شماره ۱ : میخوایم با استفاده از ویژگی length تعداد کل اسکریپت ها ( تگ های script ) موجود در صفحه رو بدست آوریم.

<script>

function Tedad_script(){
 var myscript , result;
 myscript = document.scripts.length;
 result = document.getElementById("Result");
 result.innerHTML = "تعداد کل تگ های script موجود در صفحه = " + myscript ;
}

</script>

function Tedad_script(){

var myscript , result;

myscript = document.scripts.length;

result = document.getElementById("Result");

result.innerHTML = "تعداد کل تگ های script موجود در صفحه = " + myscript ;

}

</script>

امتحان کنید

مثال شماره ۲ : انتخاب دومین تگ Script از بین تمام اسکریپت های موجود در صفحه ( انتخاب بر اساس شماره ایندکس یا Index یا شماره جایگاه )

<script>

function get_img(){
 var myscript , result;
 myscript = document.scripts[1];
 result = document.getElementById("Result");
 result.innerHTML = myscript.id;
}

</script>

function get_img(){

var myscript , result;

myscript = document.scripts[1];

result = document.getElementById("Result");

result.innerHTML = myscript.id;

}

</script>

امتحان کنید

مثال شماره ۳ : با کلیک بروی یک دکمه، یک فایل خارجی جاوااسکریپت به صفحه اضافه میشه.

<script>

function set_script(){
 var myscript;
 myscript = document.createElement("script"); // script ایجاد تگ
 myscript.type = "text/javascript"; // type تنظیم صفت 
 myscript.src = "files/myscript.js"; // src تنظیم صفت  
 document.head.appendChild(myscript); // head اضافه کردن به تگ
}

</script>

function set_script(){

var myscript;

myscript = document.createElement("script"); // script ایجاد تگ

myscript.type = "text/javascript"; // type تنظیم صفت

myscript.src = "files/myscript.js"; // src تنظیم صفت

document.head.appendChild(myscript); // head اضافه کردن به تگ

}

</script>

امتحان کنید

Free-Learn

پشتیبانی مرورگرها

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این ویژگی در جاوااسکریپت پشتیبانی میکنند یا خیر.

نام ویژگی	Chrome	Firefox	Opera	Safari	IE
scripts	بله	بله	بله	بله	بله

Free-Learn

شکل نوشتاری

نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در جاوااسکریپت بصورت زیر می باشد.

document.scripts;

1	document.scripts;

Free-Learn

ویژگی ها

در جدول زیر میتوانید ویژگی های قابل استفاده در scripts رو مشاهده نمایید.

مقدار	توضیح
length	برای بدست آوردن تعداد ( کل ) اسکریپت های موجود در صفحه ( مثال )

Free-Learn

متدها

در جدول زیر میتوانید متدهای قابل استفاده در scripts رو مشاهده نمایید.

مقدار	توضیح
[index]	بدست آوردن اسکریپت موجود در صفحه ، با استفاده از شماره ایندکس یا Index ( مثال )
item(index)	بدست آوردن اسکریپت موجود در صفحه ، با استفاده از شماره ایندکس یا Index ( مثال )
namedItem(id)	بدست آوردن اسکریپت موجود در صفحه ، با استفاده از آی دی یا ID ( مثال )

Free-Learn

نکات و توضیحات

انتخاب براساس شماره ایندکس یا Index ( یا شماره جایگاه ) یعنی اینکه اون تگ script در صفحه در جایگاه چندم قرار داره.
اگه شماره ایندکس خارج از محدوده باشه، هیچی یا null برگشت داده میشه. ( بفرض مثال ما ۳ تا اسکریپت در صفحه داریم بعد اومدیم شماره ایندکس دادیم ۴ )

Free-Learn

دریافت PDF یا پرینت این مطلب