|
صفحه 15 از 16
شئ window
این شئ در جاوااسکریپت مستقیماً با پنجره مرورگر ارتباط برقرار می کند. شئ window اولین شئ در سلسله مراتب DOM می باشد. مانند تمام شئ های جاوااسکریپت این شئ هم دارای خصوصیات و متدهایی است که توسط آنها می توانید بعضی از فعالیتهای یک مرورگر را کنترل کنید. برای هر صفحه وب داخل مرورگر یک شئ window در نظر گرفته می شود، یعنی اگر شما از یک فریم استفاده می کنید که سه صفحه وب را در خود جای داده پس سه شئ window برای هر کدام از آنها وجود دارد. window objects این شئ دارای اشیاء دیگری نیز می باشد که به عنوان شئ های فرزند برای آن شناخته می شوند. این اشیاء عبارتند از: navigator, frame, document, location, history, screen
خصوصیات شئ window جدول زیر خصوصیات این شئ میباشد، نسخه های دو مرورگر اینترنت اکسپلورر و نت اسکیپ که از این خصوصیات پشتیبانی می کنند، مشخص شده است.
| ie | nn |
توضیح
|
خصوصیات
|
| ۴ |
۳ |
بررسی پنجره مرورگر که اگر باز باشد مقدار true را بر می گرداند و اگر بسته مقدار false |
closed |
| 3.02 |
2 |
قراردادن یک متنی که در نوار وضعیت مرورگر نمایان شود. |
defaultStatus |
| 4 |
|
کنترل بلندی پنجره جدید که روی پنجره اصلی باز خواهد شد. |
dialogHeight |
| 4 |
|
تعیین فاصله پنجره جدید از سمت چپ |
dialogLeft |
| 4 |
|
تعیین فاصله پنجره جدید از بالا |
dialogTop |
| 4 |
|
کنترل پهنای پنجره جدید |
dialogWidth |
| 5.5 |
|
کنترل شئ فریم یا iframe که در پنجره اصلی قرار دارند |
frameElement |
| 4 |
6 |
کنترل شماره فریم های داخل یک صفحه |
length |
| 3.02 |
2 |
ذخیره نام فریمهای یک پنجره و برگرداندن آنها |
name |
| 4 |
3 |
کنترل پنجره اصلی که باز کننده یک پنجره جدید است |
opener |
| 3.02 |
2 |
پنجره اصلی مرورگر |
parent |
| 5 |
|
کنترل فاصله مرورگر از طرف چپ |
screenLeft |
| 5 |
|
کنترل فاصله مرورگر از بالا |
screenTop |
| 3.02 |
2 |
منظور همان پنجره مرورگر میباشد |
self |
| 3.02 |
2 |
کنترل متن در نوار وضعیت مرورگر |
status |
| 3.02 |
2 |
کنترل پنجره اصلی مرورگر در فریمها |
top |
دقت کنید که این خصوصیات کاربرد کمی دارند و بیشتر متدهای این شئ هستند که مورد استفاده قرار می گیرند. تنها خصوصیتی که کاربرد زیادی دارد status می باشد که توسط آن می توانید متنی را به نوار وضعیت مرورگر اضافه کنید.
نکته: شما می توانید بجای نوشتن window از self یا parent هم استفاده کنید. خیلی ها برای راحتی نوشتن از این دو کلمه استفاده می کنند که در حقیقت منظور همان شئ window می باشد. به این صورت:
window. status =” Hello! ” self. status = ” Hello! ” parent. status = ” Hello! ”
متدهای شئ window
شئ navigator
r یکی دیگر از اشیاء DOM می باشد که اطلاعاتی را در ارتباط با مرورگر کاربر می دهد، مانند نوع مرورگر و یا نسخه آن. این شئ جزو استانداردهای W3C نیست.
خصوصیات شئ navigator
| خصوصیت |
| ۳/۰۲ |
۲ |
بدست آوردن نام کد مرورگر* |
appCodeName |
| 4 |
|
دریافت نسخه فرعی مرورگر |
appMinorVersion |
| 3.02 |
2 |
نام مرورگر را نشان می دهد |
appName |
| 3.02 |
2 |
نسخه مرورگر و نام Platform** |
appVersion |
| 4 |
|
زبان بکار گرفته شده در مرورگر |
browserLanguage |
| 4 |
6 |
بررسی قابلیت دریافت کوکی در مرورگر |
cookieEnabled |
| 4 |
|
نوع طبقه بندی CPU سیستمی که مرورگر روی آن نصب است |
cpuClass |
| 4 |
|
بررسی ارتباط کاربر با اینترنت |
onLine |
| 4 |
4 |
نوع پلت فرم سیستم عامل |
platform |
| 4 |
|
زبان پیش فرض و فعال سیستم عامل را نشان می دهد |
systemLanguage |
| 3.02 |
2 |
اطلاعاتی معینی که مرورگر دور از دید کاربر به سرور منتقل می کند |
userAgent |
| 4 |
|
نمایش نوع زبان سیستم عامل |
userLanguage |
* منظور از کد مرورگر، اسم داخلی مرورگر می باشد که در حال حاضر مرورگرهای معروف مانند Internet Explorer ، Netscape ، Opera، Firefox همه از نام Mozilla استفاده می کنند.
** Platform به استاندارد یک مجموعه و سیستم گفته می شود که آن سیستم بر اساس آن طراحی و توسعه پیدا می کند و افرادی که علاقمند به کار در آن زمینه هستند ملزم به اجرای آن استاندارد می باشند تا در سیستم هماهنگی ایجاد شود. بطور مثال پلت فرم ویندوز XP ، ویندوز NT 5.1 و همچنین Win32 می باشد. کلیه خصوصیات در یک مثال بکار رفته و اطلاعاتی که در آن خواهید دید، همگی متعلق به مرورگر و سیستم شما می باشد. مثال متدهای شئ navigator این شئ دارای دو متد می باشد:
window.navigator.javaEnabled ( ) window.navigator.taintEnabled ( )
متد اول، قابلیت اجرای اپلتهای جاوا را در مرورگر کاربر بررسی می کند و یکی از دو مقدار true یا false را بر می گرداند. متد دوم برای taint کردن اطلاعات بکار می رود یعنی اطلاعاتی که taint می شوند، بدون اجازه کاربر از مرورگر به سرور فرستاده نمی شوند. در حقیقت بعضی از اطلاعات را توسط این متد علامت دار می کنید تا هنگام فرستاده شدن به سرور، شما با خبر شوید. لازم بذکر است این متد در مرورگر اینترنت اکسپلورر از نسخه ۵ به بعد فقط مقدار false را برمیگرداند، یعنی در این مرورگر دیگر کارآیی ندارد.
شئ frame
این شئ ، فریمهای داخل پنجره مرورگر را کنترل می کند. اگر داخل پنجره مرورگر چند فریم داشته باشیم، برای هر فریم یک شئ window در نظر گرفته می شود بنابراین ما دیگر نمی توانیم برای ارتباط با پنجره اصلی که این فریمها را در خود جای داده است از شئ window استفاده کنیم چون اگر در هر کدام از فریمها شئ window را بنویسیم به همان فریم بر می گردد. در این حالت برای ارتباط برقرار کردن با پنجره اصلی که این پنجره های فرزند را در خود جای داده، از شئ parent باید استفاده کنیم. خصوصیات و متدهای این شئ به شرح زیر می باشند.
خصوصیات شئ frame
| خصوصیات |
| ۵ |
۶ |
نمایش کادر دور فریم را کنترل می کند |
frameBorder |
| 4 |
|
مشخصه واحد برای فریمها |
id |
| 6 |
|
آدرس یک صفحه وب برای توضیح بیشتر |
longDesc |
| 5 |
6 |
کنترل حاشیه فریم از بالا و پایین صفحه |
marginHeight |
| 5 |
6 |
کنترل حاشیه از چپ و راست |
marginWidth |
| 5 |
6 |
نام واحد برای فریمها |
name |
| 5 |
6 |
کنترل قابلیت تغییر اندازه فریم |
noResize |
| 5 |
6 |
کنترل scroll bar برای فریمها |
scrolling |
| 5 |
6 |
آدرس صفحه وب که در فریم جای می گیرد |
src |
به غیر از id بقیه خصوصیات، استاندارد W3C می باشند.
متدهای شئ frame این شئ دو متد دارد که فقط در مرورگر اینترنت اکسپلورر اجرا می شوند و در ضمن استاندارد هم نمی باشند:
blur( ), focus ( )
متد blur تمرکز را از روی فریم برمی دارد و focus دوباره تمرکز را روی فریم برمیگرداند.
شئ document
شئ document یکی از مهمترین اشیاء DOM می باشد چون این شئ قابلیت دسترسی به عناصر HTML را دارد و به شما اجازه می دهد تا از طریق جاوااسکریپت هم این عناصر را کنترل کنید. شما در طول آموزش جاوااسکریپت با یکی از پرکاربردترین متد این شئ آشنا شده اید یعنی :
document.write( ) مجموعه عناصر اچ تی ام ال که توسط این شئ قابل دسترسی هستند و می توانید با آنها ارتباط برقرار کنید، به شرح زیر می باشند: anchors, applets, attributes, embeds, forms, images, links, plugins, stylesheets
نکته : منظور از عنصر anchor کل تگهای لینک می باشد چه به داخل یک صفحه اشاره کنند چه به خارج از آن صفحه وب پیوند داده شوند و عنصر link همان تگی است که در قسمت head یک سند اچ تی ام ال قرار می گیرد. دقت کنید که ارتباط شئ document با attributes ، embeds ، plugins و style sheets جزو استانداردهای W3C نمی باشد.
خصوصیات شئ document
| خصوصیات |
| ۳ |
۲ |
تعیین رنگ لینک فعال |
alinkColor * |
| 3 |
2 |
تعیین یا برگرداندن رنگ زمینه صفحه |
bgColor * |
| 5 |
6 |
تعیین شروع و خاتمه قسمت بدنه |
body |
| 3 |
2 |
کنترل کوکی های ساخته شده آن صفحه |
cookie |
| 5 |
6 |
دریافت اطلاعات از شئ اصلی |
documentElement |
| 4 |
3 |
نشان دادن آدرس دامنه صفحه وب |
domain |
| 3 |
2 |
کنترل رنگ فونت داخل صفحه وب |
fgColor * |
| 3 |
2 |
نمایش زمان و تاریخ آخرین اصلاحات سند اچ تی ام ال |
lastModified |
| 3 |
2 |
کنترل رنگ لینک ها |
linkColor * |
| 3 |
2 |
نمایش آدرس سند اچ تی ام ال |
referrer |
| 3 |
2 |
نمایش نام تعیین شده در قسمت title |
title |
| 4 |
3 |
نمایش آدرس همان صفحه وب |
URL |
| 3 |
2 |
کنترل رنگ لینک های مشاهده شده |
vlinkColor * |
* استفاده از آنها توسط W3C توصیه نمی شود. لازم بذکر است که documentElement و lastModified جزو استانداردهای W3C نمی باشند.
متدهای شئ document
| متدها |
|
۲ |
پاک کردن همه عناصر صفحه وب |
clear( ) |
| 3 |
2 |
خاتمه شئ document.open را اعلام می کند |
close( ) |
| 6 |
6 |
ساختن یک خصوصیت برای یک تگ با نام مشخص |
createAttribute(”name”) |
| 5 |
6 |
ساختن یک تگ |
createElement(”tag”) |
| 5 |
6 |
ساختن یک رشته متنی |
createTextNode(”txt”) |
| 5 |
6 |
متمرکز کردن روی سند اچ تی ام ال |
focus( ) |
| 5 |
6 |
برگرداندن و ذخیره کردن محتوای یک عنصر که با آن ID در صفحه مشخص شده است |
getElementById(”id”) |
| 5 |
6 |
کنترل یک عنصر توسط نام مشخص شده آن |
getElementsByName(”name”) |
| 5 |
6 |
کنترل یک عنصر توسط بکار بردن نام تگ |
getElementsByTagName(”tag”) |
| 3 |
2 |
باز کردن یک صفحه وب با محتوای جدید |
open(”mimetype”[,replace]) |
| 3 |
2 |
نوشتن هر متنی داخل صفحه وب که در پرانتز مشخص شده باشد. |
write(”str”) |
| 3 |
2 |
نمایش متن داخل پرانتز به همراه تگهای اچ تی ام ال |
writeln(”str”) |
رویدادهایی هم وجود دارد که برای این شئ می توانید بکار برید که الگوی استفاده از آنها مانند زیر می باشد:
document.event_name = “some javascript code”
این رویدادها به شرح زیر می باشند که هیچ کدام از آنها استاندارد W3C نیستند. onClick, onDblClick, onFocus, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseMove, onMouseOut, onMouseOver, onMouseUp, onResize
شئ location
شئ location اطلاعاتی در مورد آدرس همان صفحه وبی که کاربر درحال مشاهده آن می باشد را ذخیره کرده و در صورت لزوم می توان از آنها استفاده کرد. کلاً این شئ جزو استانداردهای W3C نمی باشد.
|