بخش چهارم: سندها (شیء document)

یکی دیگر از اشیای پرکاربرد جاوا اسکریپت، شیء document می باشد.

خصوصیت

عملکرد

title

 عنوان سند را مشخص می کند

bgColor

 رنگ زمینه سند

fgColor

 رنگ متن سند

link

 رنگ پیوند موجود در سند

alinkColor

 رنگ پیوند فعال(رنگ پیوند در هنگام کیک روی آن)

vlinkColor

 رنگ پیوند مشاهده شده(رنگ متن لینک دار پس از بازدید ازصفحه آن و برگشت به صفحه اصلی)

cookie

 کوکی موجود در سند

images

 آرایه ای از تصاویر موجود در سند

URL

 URL سند

lastModified

 آخرین تاریخ اصلاح و تغییرات سند را مشخص می کند

جدول ۵- ۴

متدها:

Write: با این متد و کارایی آن قبلا آشنا شدیم و می دانیم که هر مقداری (رشته یا متغیر) که به عنوان پارامتر این متد قرار گیرد در سند نمایش داده می شود.

 

۱ document.write( "this  is a test for document,s method"  + "<br>");
۲ document.write( "this  is a test for document,s method"  + "<p>");
۳ document.write("<b>" + "this  is a test for document,s method"  + "</b;

در خط اول متن داخل پرانتز بر روی صفحه نوشته می شود و توسط
“” یک خط خالی ایجاد می شود تا متن بعدی در ابتدای خط بعد نمایش داده شود.

در خط دوم پس از نوشتن متن در سند، با دستور ”

” یک پاراگراف خالی ایجاد می کنیم. که تفاوت آن با دستو قبل این است که در اینجا فاصله های بیشتری ایجاد می شود.(چندین خط خالی)

در سطر سوم رشته ما با کمک به صورت ضخیم(bold) نوشته می شود. دقت کنید که اگر این دستور را در انتها نبندید، یعنی به شکل زیر از آن استفاده کنید:

document.write("<b>"+ "this  is a test for document,s method" );

ز این پس هربار که از دستور document.write استفاده کنید تمامی متن ها به صورت ضخیم نوشته می شوند ولی اگر در انتها بدین صورت () آن را ببندید فقط متن همین دستور، bold می شود. نتیجه

اگر ازتگ های p وbr استفاده نکنید متن ها بدون فاصله و پشت سرهم نمایش داده می شوند.

خصوصیات:
title- bgColor:  خصوصیت title عنوان صفحه و bgColor رنگ صفحه را مشخص می کند.

۱ document.title="JavaScript";
۲  "document.bgColor="#b3b2f6

در خط دوم به جای کد رنگ می توانید از نام رنگ استفاده کنید، مانند خط زیر.

 ۱document.bgColor="green";

با بقیه خصوصیات به تدریج در جلسات آینده آشنا می شویم.

بخش آخر: نحوه استفاده از رویدادها

در این قسمت با ذکر یک مثال که دموی آن را در ابتدای صفحه قرار دادم، چگونگی استفاده از رویدادها را یاد می گیریم. همچنین در این مثال می توانید نتیجه قسمت های قبل یعنی تغییر متن نوار وضعیت، تغییر عنوان پنجره، تغییر رنگ زمینه و…را نیز مشاهده کنید. همه قسمت های این دستور را فرا گرفته اید و نیازی به توضیح آنها نیست وفقط در اینجا چگونگی ایجاد یک دکمه توسط HTML و طریقه استفاده از رویدادها را توضیح می دم.

۱ <form>
۲ < () input type="button"  value="Close"   onClick=window.close>
۳ </form>

توضیحات:

تگ form: برای ایجاد یک دکمه به کمک HTML ابتدا نیاز به استفاده از تگ form داریم به این دلیل که دکمه یکی از قسمت های فرم ما در صفحه می باشد.

تگ input: از این تگ برای ساخت دکمه در فرم استفاده می شود که در پارامتر type نوع شیء را مشخص می کنیم که در اینجا دکمه (button) است، در پارامتر بعد برچسب یا متنی را که روی دکمه نمایش داده می شود را می نویسیم.

رویداد onClick: طریقه نوشتن رویدادها به این صورت است که رویداد هر شیء را باید در تگ همان شیء نوشت، مثلا برای مشخص کردن رویداد کلیک دکمه آن را در تگ دکمه می نویسیم که در این دستور رویداد کلیک مساوی است با بسته شدن پنجره.یعنی با کلیک کردن روی دکمه، پنجره بسته می شود. پس از مشاهده دمو این جلسه، می توانید سایر دستوراتی را که باعث ایجاد آن صفحه شده است را از منوی view وانتخاب گزینه Source یا page source مشاهده نمایید