تبلیغات
p5design | طراحی سایت و قالب وبلاگ , خرید هاست و دامین
پرواز تفریحی پاراگلایدر

سه شنبه 17 دی 1392

دستورات مقدماتی Java Script

نویسنده: امیر حسینی   



نحوه تعریف دستورات Java Script در صفحه :
برای تعریف و ایجاد یک اسکریپت ، از تگ < script > استفاده می شود . کلیه دستورات مورد نظر اسکریپت ، درون تگ باز و بسته < script > تعریف شده و به عبارتی محدوده کدهای اسکریپت را تعیین می کند . در هر صفحه HTML ، می توان به تعداد مورد نیاز از تگ < script > استفاده کرد ، که هر تگ به صورت مجموعه ای واحد برای خود عمل می کند .
توجه : قبل از مطالعه قسمت آموزش Java Script ، شما باید به طور کامل با زبان HTML و به خصوص تگ < script > آشنا باشید . برای مطالعه قسمت های ذکر شده به بخش آموزش HTML و بخش آموزش تگ < script > بروید .
مثال : در مثال زیر یک اسکریت ساده در صفحه قرار داده شده است . به نکات زیر دقت کنید :

    نکته 1 : علاوه بر Java Script ، زبان های اسکریپتی دیگر از قبیل VB Script یا EcmaScript نیز وجود دارند و در هر تگ < script > باید به وسیله خاصیت Type نوع و زبان اسکریپتی مورد استفاده در ان اسکریپت را تعیین کرد . در مثال زیر زبان اسکریپت Java Script و نوع آن متن تعیین شده است .
    نکته 2 : در مثال زیر از دستور document.write استفاده شده است . این دستور برای نمایش یک متن خروجی که در پرانتز جلوی آن تعیین می شود ، در صفحه به کار می رود . در ادامه با شی document و خواص و متدهای آن آشنا خواهید شد .


Example
< html >
  < head >
    < title > Title of Page عنوان صفحه < /title >
  < /head >
  < body >
    < script type="text/javascript" >
      document.write ( "This is an Script !" )
    < /script >

  < /body >

</html>
کد
This is an Script ! خروجی


انواع حالت های دستورات اسکریپتی :

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

  1. اسکریپت های که می خواهیم به محض لود شدن صفحه ، اجرا شده و اثر خود را نمایش دهند . در این حالت باید اسکریپت ها را در قسمت < body > صفحه قرار داد .
  2. اسکریپت هایی که می خواهیم در هنگام بروز یک رویداد در صفحه ، مثل کلیک بر روی یک دکمه خاص و ... اجرا شوند . به عبارت دیگر می خواهیم اجرای آنها کنترل شده باشد . در این حالت دستورات اسکریپت را در قسمت < head > صفحه و یا در یک فایل خارجی تعریف کرد .

نکته : گاهی اوقات می خواهیم از دستورات اسکریپتی یکسان و مشترک در تمام یا گروهی از صفحات یک وب سایت استفاده کنیم . در این حالت برای جلوگیری از تکرار دستورات در تمام صفحه های مذکور ، کاهش حجم کد نویسی ، افزایش سرعت طراحی و اعمال تغییرات سریع و آسان به دستورات ، بهتر است همه آن اسکریپت ها را یکبار در یک فایل خارجی تعریف کرده و از آن به طور مشترک در تمام صفحات استفاده کرد . برای دریافت اطلاعات بیشتر به روش سوم قرار دهی اسکریپت در صفحات وب در پایین صفحه بروید .


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

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

1 ) درون محدوده اصلی صفحات HTML ، در قسمت تگ < body > :

اسکریپت های تعریف شده در این قسمت ، به محض بارگداری و نمایش صفحه اجرا شده و خروجی خود را تولید می کنند . این نوع اسکریپت ها می توان در هر جای محدوه تگ < body > صفحات تعریف کرد . در این نوع اسکریپت ها ، هیچ کنترلی از سوی کاربر برای اجرای آنها وجود ندارد ، مگر اینکه دستورات آن در قالب یک تابع ( function ) تعریف شده باشند ، که تا زمان فراخوانی آن تابع اجرا نخواهند شد . برای دریافت اطلاعات بیشتر در مورد توابع جاوا اسکریپت ، به قسمت تعریف توابع در جاوا اسکریپت بروید .

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

Example
< html >
  < head >
    < title > Title of Page عنوان صفحه < /title >
  < /head >
  < body >
    < script type="text/javascript" >
      document.write ( "This script is placed in the body section . " )
    < /script >

  < /body >

</html>
کد
This script is placed in the body section . خروجی

2 ) در قسمت تگ < head > :

اسکریپت هایی که می خواهیم در هنگام بروز یک رویداد در صفحه مثل کلیک بر روی یک دکمه و ... اجرا شوند ، را می توان در قسمت < head > تعریف کرد . دستورات اسکریپت های این قسمت بایستی در قالب توابع تعریف شده باشند و تا زمانی که از سوی برنامه یا کاربر فراخوانی نشده باشند ، اجرا نخواهند شد . مزیت این روش در این است ، که این اسکریپت ها قبل از اجرا توسط مرورگر لود شده اند . فراخوانی باید توسط یک اسکریپت دیگر در قسمت تگ < body > صورت بگیرد .

مثال : در مثال زیر یک اسکریپت ساده در 2 حالت در قسمت تگ < head > صفحه تعریف شده است . در حالت اول به دلیل عدم فراخوانی تابع اسکریپت ، آن اسکریپت هیچ گاه اجرا نخواهد شد . اما در حالت دوم تابع ()hello توسط رویداد onclick ( کلیک ) دکمه فرمان فراخوانی شده و خروجی خود را نمایش می دهد . برای اجرای اسکریپت بر روی دکمه فرمان مثال کلیک نمایید :

Example
حالت 1 . در این حالت به دلیل عدم فراخوانی اسکریپت هیچ خروجی نداریم .
< html >
  < head >
    < title > Title of Page عنوان صفحه < /title >
    < script type="text/javascript" >
     function hello ( )
      {
       document.write ( "Hello User . This script is placed in the head section ." )
      }
    < /script >

  < /head >
  < body >
    محتویات صفحه   
  < /body >

</html>
کد
  خروجی
حالت 2 . در این حالت با فراخوانی اسکریپت توسط رویداد کلیک دکمه فرمان ، دستور آن اجرا می شود .
< html >
  < head >
    < title > Title of Page عنوان صفحه < /title >
    < script type="text/javascript" >
     function hello ( )
      {
       document.write ( "Hello User . This script is placed in the head section . " )
      }
    < /script >

  < /head >
  < body >
    محتویات صفحه
    < input value ="to view script Click me" id="Button1" type="button" onclick="hello( )" / >
  < /body >

</html>
کد

خروجی

3 ) در یک فایل خارجی JS :

در این حالت تمام اسکریپت های مورد نظر را در یک فایل خارجی متنی با پسوند JS ، تعریف کرده و سپس به وسیله تگ < script > در قسمت < head > صفحه ، بین آن فایل و صفحه لینک ایجاد می کنیم .
از این جالت معمولا در مواردی که بخواهیم کدهای اسکریپت را از محتویات صفحات HTML جدا کرده و یا از یک سری دستورات و توابع اسکریپتی مشترک در چند صفحه استفاده کنیم ، کاربرد دارد .
اسکریپت های این حالت باید در قالب توابع مختلف تعریف شده و تا زمانی که از سوی برنامه یا کاربر فراخوانی نشوند ، اجرا نخواهند شد .

مثال : در مثال زیر ابتدا یک اسکریپت در یک فایل خارجی به نام myscript.js تعریف کرده و سپس بین صفحه و آن فایل ارتباط ایجاد کرده ایم . تابع ( ) hello2 توسط رویداد کلیک دکمه فرمان فراخوانی و اجرا می شود . برای اجرای آن بر روی دکمه فرمان کلیک کنید :

متن فایل   myscript.js
 < script type="text/javascript" >
   function hello2 ( )
    {
     document.write ( "This script is placed in an external Java Script file . " )
    }

 < /script >


Example
< html >
  < head >
    < title > Title of Page عنوان صفحه < /title >
    < script type="text/javascript" src ="../myscript.js" >            * ایجاد لینک بین صفحه و فایل اسکریپت *
    < /script >

  < /head >
  < body >
    محتویات صفحه   
    < input value="to view script Click me" id="btnhello2" type="button" onclick="hello2( )" / >
  < /body >

</html>

نظرات() 
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
What do you do for a strained Achilles tendon?
شنبه 25 شهریور 1396 01:50 ق.ظ
Hi! I'm at work browsing your blog from my new iphone 3gs!
Just wanted to say I love reading your blog and look forward to all your posts!
Carry on the great work!
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
gemmahert.blog.fc2.com
شنبه 14 مرداد 1396 03:21 ب.ظ
Thanks for any other great post. Where else could anyone
get that type of info in such a perfect manner of writing?
I have a presentation subsequent week, and I am at the search for such information.
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
manicure
سه شنبه 22 فروردین 1396 05:41 ب.ظ
We're a group of volunteers and opening a new scheme in our community.

Your website offered us with valuable info to work on. You have done
an impressive job and our whole community will be grateful to you.
 
لبخندناراحتچشمک
نیشخندبغلسوال
قلبخجالتزبان
ماچتعجبعصبانی
عینکشیطانگریه
خندهقهقههخداحافظ
سبزقهرهورا
دستگلتفکر

P5design & PARAPINK5 Sales, I.R.I., Inc. All information applies to I.R. vehicles only
tell number : 09365995390 | 09122061238 | 09022061238
www.p5bisim.com