طراحی وب سایت

از: http://www . pardis . com
نحوه قرار گیری برنامه های JS در صفحات وب
در بخش های قبل مبانی و مفاهیم اصلی js را آموختید . حال بهتر است ابتدا نحوه کاربرد این زبان در وب را بیاموزید و سپس شروع به آموزش کاربردهای js نمایم .
بنا به آموخته های ابتدایی شما در مورد زبان HTML , باید بیاد آورده باشید که هر سند HTML از دو بخش اصلی تشکیل شده . قسمت سر سند یا header و قسمت بدنه سند یا body . در اصطلاح به متونی که کدهای یک صفحه HTML را تشکیل میدهند « سند HTML » می گویند .
قسمت سر سند حاوی اطلاعاتی است که مشخصات کلی صفحه از قبیل عنوان صفحه ، نسخه به کار رفته از زبان HTML را مشخص می کند . قسمت دوم بدنه صفحه می باشد که اجزای اصلی صفحه از قبیل متن ها ، عکس ها و فرم ها در آن قرار می گیرند . قسمتهای بدنه و سر سند به وسیله «تگ» های خاصی از هم جدا می شوند . در زیر تقسیم بندی ایندو را می بینید .
html آغاز سند
آغاز سر سند
پایان سر سند
آغاز بدنه سند
پایان بدنه سند
htmlپایان سند
برنامه های نوشته شده توسط js به تناسب کاربرد می توانند هم در قسمت سر سند و هم در قسمت بدنه سند قرار گیرند . ولی js اکثرا در قسمت بدنه سند مورد استفاده قرار می گیرد .
برنامه های JS برای مشخص شدن از کدهای html داخل تگ و قرار می گیرند . توجه داشته باشید که تگ برای مشخص کردن آغاز برنامه JS و تگ برای مشخص کردن پایان برنامه JS استفاده میشوند و نوشتن هر دوی آنها در یک برنامه JS الزامیست .
دانستن اینکه برای هر برنامه JS باید از تگ و استفاده کرد بسیار مهم است .
همچنین می توان در هر سند به تعداد نامحدود از تگ و استواده کرد ولی استفاده از یک تگ و در داخل دیگری به هیچ وجه در js مجاز نیست .
در زیر یک برنامه ساده که توسط js نوشته شده و یک پیغام خوشامد گویی به کاربر می دهد آمده است . این برنامه فقط برای آشنایی بیشتر شما با مفاهیم بالاست و نکات اساسی که شما باید در مورد آن بدانید در زیر آمده است . همچنین شماره های ابتدای هر سطر فقط برای نشان دادن شماره خطوط است و آنها جزء سند نیستند .
1
2
3
4
5
6 document . writeln( "welcome to
this page" )
7
8
9
مطالب زیر شما را در درک مفاهیم مورد نیاز ما از کد های بالا یاری می کنند .
_ رعایت تو رفتگی های سند در هنگام ایجاد آن الزامی نیست و فقط به خوانایی سند کمک می کند .
_ ملاحظه می کنید که در این سند ، برنامه JS در قسمت بدنه سند آمده است .
_ در سطر 6 و در میان تگ های و برنامه ساده ای از js آمده است که فعلا دانستن جزئیات آن برای شما الزامی نیست .
_ در سطر 5 در داخل تگ عبارت Language=”javascript1 . 2” نسخه js مورد استفاده در این اسکریپت ( برنامه نوشته شده توسط زبان JS ) را مشخص می کند .
_ ذکر عبارت Language=”javascript1 . 2” در برنامه الزامی نیست و فقط باعث می شود مرورگرهایی که نسخه های پایین تری از js را پشتیبانی می کنند ، قادر به اجرای برنامه های JS نباشند .
_ با مشخص کردن نسخه ای از js نسخه های بالاتر از آن نیز قابلیت اجرای آن برنامه را خواهند داشت .
_هر نسخه از js مربوط به دستوراتی است که آن نسخه پشتیبانی می کند ؛ مثلا دستورات 1,1 js در1,2 js قابل اجرا هستند ولی در 0,1 js خیر .
_ در بررسی دستورات JS به توانایی پشتیبانی آنها در نسخه های مختلف js اشاره خواهم کرد . . .
در بخش بعد پس از بررسی روشهای دیگری از زبان JS ، آموزش مقدمات برنامه نویسی در js را شرح خواهیم داد .

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