این آموزش در تاریخ ۱۴۰۱/۰۴/۳۱ آپدیت شده است.
آموزش ویژگی title در DOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی title در DOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
ویژگی title در DOM جاوااسکریپت
با استفاده از ویژگی title هم میتونیم عنوان یک صفحه وب رو ( که با استفاده از تگ title ایجاد میشه ) بدست آوریم و هم میتونیم عنوان جدید براش ست ( تنظیم ) نماییم.
| مقدار برگشتی | برگشت عنوان صفحه در تب مرورگرها |
|---|---|
| نسخه DOM | DOM Level 2 |
Free-Learn
مثال از این ویژگی
در ادامه میتوانید یک مثال از این ویژگی را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : گرفتن عنوان یا Title صفحه ( یعنی گرفتن مقدار داخل تگ title )
|
1 2 3 4 5 6 7 8 |
<script> var MyTitle , MyResult; MyTitle = document.title; MyResult = document.getElementById("Result"); MyResult.innerHTML = MyTitle; </script> |
مثال شماره ۲ : ست کردن یا تنظیم عنوان جدید صفحه
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<script> function Get_Title(){ var MyTitle , MyResult; MyTitle = document.title; MyResult = document.getElementById("Result"); MyResult.innerHTML = MyTitle; } function Set_Title(){ var MyTitle , MyResult; MyTitle = document.title = "عنوان جدید صفحه"; MyResult = document.getElementById("Result"); MyResult.innerHTML = MyTitle; } </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این ویژگی در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام ویژگی | Chrome | Firefox | Opera | Safari | Edge |
| title | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در جاوااسکریپت بصورت زیر می باشد.
- برای گرفتن مقدار داخل تگ Title :
|
1 |
document.title; |
- برای ست یا تنظیم کردن مقدار جدید تگ Title :
|
1 |
document.title = " New_Value "; |
Free-Learn
نکات و توضیحات
- بطور کلی این ویژگی هرچیزی که درون تگ title وجود داشته باشه رو برمیگردونه. ( یا دریافت میکنه )
