۱۳۸۵/۰۵/۱۴

مقدمه ای برای جاوا اسکریپت

«مبحث امروز مقدمه ای برای یادگیری جاوا اسکریپت است که شامل توضیحاتی در رابطه با جاوا اسکریپت، نحوه نگارش و نیز محل قرارگیری کدهای جاوا اسکریپت می باشد»

توضیحاتی در مورد جاوا اسکریپت


امروزه جاوا اسکریپت در میلیون ها سایت مورد استفاده قرار می گیرد. از جاوا اسکریپت برای افزایش کارائی سایت، طراحی زیباتر، فرم ها، ایجاد کوکی و ... استفاه می شود. جاوا اسکریپت یک زبان برنامه نویسی تحت وب می باشد که تقریبا تمامی مرورگر ها با آن هم خوانی دارند. از قبیل : فایرفاکس، اینترنت اکسپلورر، موزیلا و ... . قبل از یادگیری جاوا اسکریت باید HTML و XHTML را فرا گرفته باشید. بیاد داشته باشید که جاوا اسکریپت با جاوا متفاوت است و نباید این دو را با هم یکسان بدانید.

نحوه نگارش کدهای جاوا اسکریپت


کدهای جاوا اسکریپت در صفحات HTML داخل تگ script قرار می گیرند. مانند:

[html]
<html>
<body>
<script type="text/javascript">
document.write("Hello World!");
</script>
</body>
</html>
[/html]

خروجی کد بالا نوشته ی !Hello World می باشد. از خصیصه type برای مشخص کردن زبان اسکریپت نوشه شده استفاه می شود. <script type="text/javascript"> محل شروع کدهای جاوا اسکرپیت و </script> محل پایان کدهای جاوا اسکریپت را مشخص می کنند:

[html]
<html>
<body>
<script type="text/javascript">
...
</script>
</body>
</html>
[/html]

عبارت document.write یکی از دستورات استاندارد جاوا اسکریپت برای نوشتن متن در صفحه می باشد. با نوشت عبارت document.write بین <script type="text/javascript"> و </script> مرورگر متوجه دستور شده و عبارت مورد نظر را چاپ می کند. در اینجا !Hello World مورد نظر است:
[html]
<html>
<body>
<script type="text/javascript">
document.write("Hello World!")
</script>
</body>
</html>
[/html]

توجه داشته باشید که اگر از تگ <script> استفاده نکنید، مرورگر وب شما عبارت document.write("Hello World!") را به عنوان متن در نظر گرفته و بجای اجرای دستور، آنرا چاپ می کند.


محل قرار گیری کدهای جاوااسکریپت


به طور کلی کدهای جاوا اسکرپیت را می توان در 3 قسمت صفحه وب قرار داد:


  1. بخش head

  2. بخش body

  3. اسکریپت خارجی



بخش head


کدهای قرار گرفته در این بخش قبل از هر چیز دیگری لود می شوند. نحوه قرار گرفتن آنها به صورت زیر است:
[html]
<html>
<head>
<script type="text/javascript">
...
</script>
</head>
[/html]

بخش body


کدهای قرار گرفته در این بخش با لود شدن محتویات صفحه، لود می شوند. معمولا برای تغییر دادن محتویات صفحه و نیز اضافه کردن جلوه های ویژه به آنها استفاده می شود. نحوه قرار گرفتن آنها به صورت زیر است:
[html]<html>
<head>
</head>
<body>
<script type="text/javascript">
...
</script>
</body>
</html>
[/html]

نکته: شما می توانید کدهای خود را هم در بخش head و هم در بخش body به تعداد نامحدود قرار دهید:

[html]<html>
<head>
<script type="text/javascript">
...
</script>
</head>
<body>
<script type="text/javascript">
...
</script>
</body>
</html>
[/html]

اسکریپت خارجی


گاهی اوقات شما نیاز به اجرای یک کد جاوا اسکریپت در صفحات مختلف (بدون نگارش در تک تک صفحات) دارید. و یا کد شما بسیار طولانی است و هنگام کد نویسی در صفحه html شما را دچار مشکل می کند. در این صورت با استفاده از اسکریپت خارجی مشکل شما حل می شود. برای نگارش اسکریپت خارجی ابتدا یک فایل با فرمت js. ایجاد کنید. می توانید پسوند یک فایل txt را به js. تغییر دهید. سپس این فایل را توسط یک ویرایشگر متن مانند Notepad باز کنید. کدهای جاوا اسکریپت خود را بدون تگ <script> در آن قرار دهید و سپس فایل را ذخیره کنید (با پسوند js.)
برای فراخوانی اسکریپت خارجی از خصیصه src تگ <script> استفاده کنید. مانند زیر که xxx.js آدرس فایل جاوا اسکریپت است:

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

۱ نظر:

  1. ببین چجوری میشه تو ورد پرس جاوا اسکریپت قرار داد تو رو به خدا ایمیل بزن
    omid8838@gmail.com

    پاسخحذف