طراحی وب سایت

منبع: http://www . pardis . com
روش های دیگری برای استفاده از js در صفحات Html
در درس قبل با یک روش برای استفاده از js در صفحات Html آشنا شدیم . در این درس به ذکر 2 روش دیگر می پردازم . توجه داشته باشید که ممکن است این روش ها به طور کامل برای شما قابل درک نباشند ، ولی به هیچ وجه نگران نباشید چون این مطالب فعلا برای این است که شما بدانید زبان Java Script با چه روش هایی مورد استفاده قرار می گیرد و در مباحثی که برنامه خواهیم نوشت بررسی بیشتری صورت خواهیم داد .
روش دوم باز هم مربوط به بحث شئ گرایی است . در این حالت از استفاده JS در صفحات وب ، شما به راحتی و با استفاده از دستورات خاصی از js تمام وقایعی که بر روی اشیاء صفحه روی می دهد را کنترل می کنید و در مقابل آن عکس العمل دلخواه را نشان می دهید . این دستورات که وظیفه کنترل وقایع صفحه وب را دارند ، در کنار خود اشیاء قرار می گیرند و یکی از خصوصیات اشیاء را تشکیل می دهند .
فرض کنید ما عکسی در صفحه وب داریم که می خواهیم به محض اینکه نمایشگر ماوس روی آن قرار گرفت پیغامی که شامل توضیحاتی از عکس است برای کاربر صادر بشود .
وظیفه ما این است که کنترل کننده ای را مورد استفاده قرار دهیم که تشخیص دهد « آیا ماوس روی شئ مورد نظر قرار گرفته یا خیر ؟ » . و پس از تشخیص پیغام برای کاربر صادر بشود .
در پایین شما می توانید این برنامه و توضیحات مفیدی در مورد آن را برای شما ارائه میکنم .
1
2
3
4
5
6 computers !!')" >
7
8
_ در درس قبل شما با تگهای موجود در سطرهای 1 ، 2 ، 3 ، 5 ، 7 و 8 آشنا شدید .
_ در سطر 6 از یک تگ html به نام img استفاده شده که وظیفه این تگ نمایش تصاویر و عکس ها در صفحات وب است .
_ در سطر 6 ، Src یکی از خصوصیات مهم و معروف تگ img است که آدرس فایل عکس را مشخص می کند .
_ و اما onmouseover . این همان خصوصیتی است که شما آن را در سطر 6 و در داخل تگ img می بینید . این عبارت همان کنترل کننده ماست که وظیفه کنترل کردن ماوس در هنگام قرار گیری برروی شئ مورد نظر را دارد .
عبارت onmouseover در لاتین به این معناست ، «زمانی که ماوس روی آن قرار گرفت » .
_ بعد از علامت = و در داخل "" عکس العمل یا همان دستوریست که ما می خواهیم در صورت قرار گرفتن ماوس انجام گیرد . در اینجا از دستور alert استفاده شده که صفحه ای برای کاربر باز کرده و متن داخل پرانتز را نشان می دهد .
_ در صورت قرار گرفتن ماوس روی عکس ، کاربر صفحه زیر را مشاهده خواهد کرد .
_ حال عبارت onmouseover ، یکی از خصوصیات (properties ) این شی محسوب می شود .
توجه داشته باشید که تحلیل کد ها در این زبان برنامه نویسی بسیار مهم است . مطمئن باشید که اگر بتوانید کد ها را به خوبی برای خودتان تحلیل کنید در برنامه نویسی موفق خواهید بود .
روش سوم برای استفاده JS در صفحات وب ، بیشتر مورد توجه حرفه ای ها و مورد استفاده در پروژه های بزرگ است . در این روش شما برنامه های JS خود را در صفحه وب نمی نویسید بلکه آن را در یک فایل جداگانه و با پسوند JS . می نویسید . تنها کاری که شما باید برای استفاده این فایل JS بکنید این است که آن را در صفحه وب مسیر دهی کنید .
تگ link راه حل شماست !!! این تگ به شما کمک می کند که فایل JS خود را مسیر دهی نمایید .
شکل کلی استفاده از این تگ به صورت زیر است .
دلیل اینکه این روش در پروژه های بزرگ استفاده می شود را در مثال زیر بررسی می کنیم .
فرض کنید شما باید سایتی طراحی کنید که شامل 150 صفحه است و وظیفه دارید یک برنامه JS که 10 کیلو بایت حجم دارد را در هر یک از این 150 صفحه بکار ببرید . با یک حساب سر انگشتی می فهمید که با افزودن این برنامه 10 کیلو بایت به صفحات ، 1500 کیلو بایت یعنی یک و نیم مگابایت به حجم سایت شما افزوده می شود و این یک فاجعه است !!!!!!
در عوض شما می توانید به جای استفاده کل برنامه در هر یک از صفحات ، با استفاده از تگ یک خطی link ، در تمام این 150 صفحه فقط فایل JS که تنها 10 کیلو بایت حجم دارد را مسیر دهی کنید ؛ و این یعنی یک بهره وری خوب در حجم . همیشه به یاد داشته باشید بهره وری حجمی در صفحات وب و طراحی سایت وب بسیار بسیار مهم است

منبع : شبکه فن آوری اطلاعات ایران  تاریخ : 1   مهر   1384  شاخه : برنامه نویسی