تبلیغات
یادداشت های من - آموزش جاوااسکریپت – جلسه سوم: کجا باید از جاوااسکریپت استفاده کنم؟

یادداشت های روزانه من درباره اینترنت، سیاست، آبکنار، رایانه، شعر، فناوری اطلاعات و ...
هر چیزی که بهش علاقه دارم

حسین (کیوان) جهانبخش آبکنار

جستجو

 

آموزش جاوااسکریپت – جلسه سوم: کجا باید از جاوااسکریپت استفاده کنم؟

دوشنبه 2 خرداد 1390   11:00 ب.ظ

جاوااسکریپت می توان در بخش <body> و یا <head> یک صفحه HTML قرار بگیرد.


جاوااسکریپت در <body>

مثال زیر تاریخ جاری را در یک تگ <p> که در صفحه قرار دارد پس از اینکه صفحه لود شد می نویسد:

<html>
<body>

<h1>My First Web Page</h1>
<p id="demo"></p>
<script type="text/javascript">
document.getElementById("demo").innerHTML=Date();
</script>

</body>
</html>

توجه کنید که جاوااسکریپت در پایین صفحه قرار گرفته تا این اطمینان حاصل شود که این کد قبل از لود شدن و یا ایجاد تگ <p> اجرا نشود.

 

توابع (Functions) و رویدادها (Events) در جاوا اسکریپت

جاوااسکریپت در یک صفحه HTML زمانی اجا می شود که صفحه لود (بارگزاری) شده باشد. معمولاً این، اون چیزی نیست که ما می خواهیم. گاهی ما می خواهیم وقتی یک کد جاوا اسکریپت اجرا شود که یه اتفاق رخ داده باشد (event) مثلاً زمانی که کاربر روی دکمه ای کلیک می کند.. اینجا زمانی است که ما می توانیم اسکریپت را در یک تابع قرار دهیم.

رویدادها (یا اتفاقات) معمولاً همراه با توابع و با هم به کار برده می شود (مثلا فلان تابع را وقتی فلان رویداد رخ داد صدا بزن.)

در جلسات بعدی بیشتر درباره توابع و رویدادها صحبت خواهیم کرد.

 

جاوااسکریپت در<head>

مثال زیر یک تابع را وقتی که کاربر یک دکمه را کلیک کرد صدا می زند:

<html>
<head>
<script type="text/javascript">
function displayDate()
{
document.getElementById("demo").innerHTML=Date();

}
</script>
</head>

<body>
<h1>My First Web Page</h1>
<p id="demo"></p>
<button type="button" onclick="displayDate()">Display Date</button>
</body>
</html>

 

اسکریپت ها در <head> و <body>

شما می توانید بی نهایت اسکریپت را در صفحه خود قرار دهید، ضمنا می توانید از اسکریپت ها هم در بخش body و هم در بخش head به طور هم زمان استفاده نمایید.

معمولا بهتر است تمام توابع را در بخش head و یا در پایین صفحه تان قرار دهید. در این صورت همه آن ها را یک جا جمع کرده اید و با محتویات صفحه هم تداخل نخواهند داشت.

 

استفاده از یک کد جاوااسکریپت خارجی

شما می توانید کدهای جاوااسکریپت را در یکک فایل جداگانه هم بنویسید.

جاوااسکریپت خارجی معمولاً شامل کدهایی هستند که در چندین صفحه قصد استفاده از آن ها را داریم.

پسوند فایل های جاوااسکریپت خارجی .js است.


توجه: در اسکریپت های خارجی از تگ های  <script> و  </script> استفاده نکنید!

 

برای استفاده از جاوااسکریپت خارجی با استفاده از خاصیت src مربوط به تگ <script> به آن اشاره کنید.

<html>
<head>
<script type="text/javascript" src="xxx.js"></script>
</head>
<body>
</body>
</html>

 نکته: توجه کنید اسکریپت را دقیقا جایی قرار دهید که اسکریپت های معمولی را قرار می دهید.



پ ن : این مجموعه آموزش ها از سایت W3C ترجمه شده و خواهد شد. جهت آشنایی خودم و دیگران منتشر می کنم.


نوشته شده توسط : حسین (کیوان) جهانبخش آبکنار

نوع مطلب : JavaScript ،طراحی وب ،