|
آموزش Java Script شماره (3)
نويسنده: صابر کردستانچی
نحوه قرار گیری برنامه های JS در صفحات وب
در درس های قبل مبانی و مفاهیم اصلی JS را آموختید . حال بهتر است ابتدا نحوه کاربرد این زبان در وب را بیاموزید و سپس شروع به آموزش کاربردهای JS نمایم .
بنا به آموخته های ابتدایی شما در مورد زبان HTML , باید بیاد آورده باشید که هر سند HTML از دو بخش اصلی تشکیل شده . قسمت سر سند یا Header و قسمت بدنه سند یا Body . در اصطلاح به متونی که کدهای یک صفحه HTML را تشکیل میدهند « سند HTML » می گویند .
قسمت سر سند حاوی اطلاعاتی است که مشخصات کلی صفحه از قبیل عنوان صفحه ، نسخه به کار رفته از زبان HTML را مشخص می کند . قسمت دوم بدنه صفحه می باشد که اجزای اصلی صفحه از قبیل متن ها ، عکس ها و فرم ها در آن قرار می گیرند . قسمتهای بدنه و سر سند به وسیله «تگ» های خاصی از هم جدا می شوند . در زیر تقسیم بندی ایندو را می بینید .
<html> HTML آغاز سند
<head> آغاز سر سند
</head> پایان سر سند
<body> آغاز بدنه سند
</body> پایان بدنه سند
</html> HTMLپایان سند
برنامه های نوشته شده توسط JS به تناسب کاربرد می توانند هم در قسمت سر سند و هم در قسمت بدنه سند قرار گیرند . ولی JS اکثرا در قسمت بدنه سند مورد استفاده قرار می گیرد .
برنامه های JS برای مشخص شدن از کدهای HTML داخل تگ <SCRIPT> و </SCRIPT> قرار می گیرند . توجه داشته باشید که تگ <SCRIPT> برای مشخص کردن آغاز برنامه JS و تگ </SCRIPT> برای مشخص کردن پایان برنامه JS استفاده میشوند و نوشتن هر دوی آنها در یک برنامه JS الزامیست.
دانستن اینکه برای هر برنامه JS باید از تگ <SCRIPT> و </SCRIPT> استفاده کرد بسیار مهم است .
همچنین می توان در هر سند به تعداد نامحدود از تگ <SCRIPT> و </SCRIPT> استواده کرد ولی استفاده از یک تگ <SCRIPT> و </SCRIPT> در داخل دیگری به هیچ وجه در JS مجاز نیست .
در زیر یک برنامه ساده که توسط JS نوشته شده و یک پیغام خوشامد گویی به کاربر می دهد آمده است . این برنامه فقط برای آشنایی بیشتر شما با مفاهیم بالاست و نکات اساسی که شما باید در مورد آن بدانید در زیر آمده است . همچنین شماره های ابتدای هر سطر فقط برای نشان دادن شماره خطوط است و آنها جزء سند نیستند .
1 <html>
2 <head>
3 </head>
4 <body>
5 <script language=”javascript1.2”>
6 document.writeln("<font size=6 color=789867>welcome to this page</font>")
7 </SCRIPT>
8 </body>
9 </html>
مطالب زیر شما را در درک مفاهیم مورد نیاز ما از کد های بالا یاری می کنند .
_ رعایت تو رفتگی های سند در هنگام ایجاد آن الزامی نیست و فقط به خوانایی سند کمک می کند.
_ ملاحظه می کنید که در این سند ، برنامه JS در قسمت بدنه سند آمده است .
_ در سطر 6 و در میان تگ های <SCRIPT> و </SCRIPT> برنامه ساده ای از JS آمده است که فعلا دانستن جزئیات آن برای شما الزامی نیست .
_ در سطر 5 در داخل تگ <SCRIPT> عبارت 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 را آغاز خواهم نمود ...
[http://www.persianlearn.com/] | 
