آموزش جاوا اسکریپت

آموزش جاوا اسکریپت - محل قرارگیری دستورات

 برای جا به جایی کد جاوا اسکریپت در هر سند HTML وجود انعطاف پذیری هایی وجود دارد. با این حال راه های پیشنهادی برای جاوا اسکریپت در یک فایل HTML به شرح زیر است:

  • در بخش <head>...</head>
  • در بخش <body>...</body>
  • در بخش های <body>...</body> و <head>...</head>
  • ایجاد یک فایل خارجی و قرار دادن آن در بخش <head>...</head>

 

جاوا اسکریپت در بخش <head>...</head>

اگر می خواهید تا اسکریپت در برخی از زخ داد ها  (event) مانند  زمانی که کاربر در جایی کلیک می کند، اجرا شود باید اسکریپت را در head قرار دهید:

<html>

   <head>
   
      <script type="text/javascript">
         <!--
            function sayHello() {
               alert("Hello World")
            }
         //-->
      </script>
      
   </head>
   
   <body>
      <input type="button" onclick="sayHello()" value="کلیک کنید" />
   </body>
   
</html>

کد نتیجه زیر را همراه خواهد داشت:

 

جاوا اسکریپت در بخش <body>...</body>

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

<html>

   <head>
   </head>
   
   <body>
   
      <script type="text/javascript">
         <!--
            document.write("Hello World")
         //-->
      </script>
      
      <p>اینجا بدنه صفحه وب می باشد</p>
      
   </body>
</html>

کد نتیجه زیر را همراه خواهد داشت:

 

جاوا اسکریپت در بخش های <head> و <body>

می توانید کدهای جاوا اسکریپت را هم در بخش <head> و هم در بخش <body> داشته باشید:

<html>
   <head>
      <script type="text/javascript">
         <!--
            function sayHello() {
               alert("Hello World")
            }
         //-->
      </script>
   </head>
   
   <body>
      <script type="text/javascript">
         <!--
            document.write("Hello World")
         //-->
      </script>
      
      <input type="button" onclick="sayHello()" value="کلیک کنید" />
      
   </body>
</html>

کد نتیجه زیر را همراه خواهد داشت:

 

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

همانطور که بیشتر با جاوا اسکریپت کار می کنید، یاد میگیرید که امکان استفاده از کد یکسان جاوا اسکریپت در چندین سایت وجود دارد. شما محدودیتی برای استفاده از کد یکسان در چندین فایل HTML  را ندارید.

script tag (تگ اسکریپت) مکانیسمی را برای شما فراهم می نماید تا جاوا اسکریپت را در یک فایل خارجی ذخیره کنید و سپس آن را در فایل های HTML خود قرار دهید.

مثال زیر نحوه چگونگی استفاده از یک فایل جاوا اسکریپتی خارجی در کد HTML و افزودن script tag و ویژگی src را نشان می دهد:

<html>

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

برای استفاده از جاوا اسکریپت در فایل خارجی، باید تمام کد  جاوا اسکریپت خود را در یک فایل متنی ساده با پسوند".js" نوشته و سپس مراحل بالا را انجام دهید.

برای مثال می توانید محتوا را در فایل filename.js نگه دارید و بعد از قرار دادن فایل filename.js  در HTML از تابع  sayHello استفاده کنید.

function sayHello() {
   alert("Hello World")
}
در صورتی که سوال و یا نظری دارید، از بخش نظرات با ما در میان بگذارید.

خبـرنــامه

Newsletters

در خبــرنـامه سافت اسکیل عضو شویــد تا جدیدترین هـای سایت را بلافاصله در ایمیل خـود دریافت کنیـد

شما چه نظر و یا سوالی درباره این نوشته دارید؟

مبحث آموزشی

آموزش جاوا اسکریپت

Learn JavaScript

سرفصل ها

پرســیدن سؤال جدید

سؤال های تخصصی خود را از ما بپرسید

دنبال کردن تلگرام کانال سافت اسکیل

https://telegram.me/softskill_ir

عملیات کاربران

خبـرنــامه

Newsletters

در خبــرنـامه سافت اسکیل عضو شویــد تا جدیدترین هـای سایت را بلافاصله در ایمیل خـود دریافت کنیـد

کلیک کنید و سوالات خود را از ما بپرسید
لطفا فرم سوال را پر کنید

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

لطفا چند لحظه منتظر بمانید ...