Info@Afragraphic.ir
0912 22 460 22
خدمات و مطالب آموزشی

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

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

تگ <script> :

در html  کد های جاوا اسکریپت بین تگ <script> قرار داده شوند

مثال :

<script>
   document.getElementById("demo").innerHTML = "My First JavaScript";
</script>

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

  • یک تابع (Functions) در جاوا اسکریپت یک بلوک از کد جاوا اسکریپت است که می تواند فراخوانی شود
  • برای مثال ، یک تابع زمانی که یک رویداد رخ می دهد اجرا می شود، مانند زمانی که کاربر یک دکمه را کلیک می کند
  •  در فصل های بعدی بیشتر به توابع و رویداد ها می پردازیم
 
شما می توانید هر تعداد از اسکریپت ها در یک سند HTML قرار دهید

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

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

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

  • کد زیر زمانی فراخوانی می شود که برروی دکمه Try it کلیک شود

<!DOCTYPE html>
<html>

<head>
<script>
function myFunction() {
    document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
</head>

<body>

<h1>My Web Page</h1>

<p id="demo">A Paragraph</p>

<button type="button" onclick="myFunction()">Try it</button>

</body>
</html>

 

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

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

<!DOCTYPE html>
<html>
<body> 

<h1>My Web Page</h1>

<p id="demo">A Paragraph</p>

<button type="button" onclick="myFunction()">Try it</button>

<script>
function myFunction() {
   document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>

</body>
</html>

 

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

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

 

 

مثال :

myScript.js

function myFunction() {
   document.getElementById("demo").innerHTML = "Paragraph changed.";
}

 

<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>

 

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

 

پایان بخش دوم

منابع : https://www.w3schools.com/js/js_whereto.asp

کانون تبلیغاتی افراگرافیک

 آدرس: تهران-میدان انقلاب-خ آزادی-خ اسکندری-نبش کلهر-دفتر افرا گرافیک

66912056  66562677 66120698   09122246022

https://afragraphic.ir

info@afragraphic.ir

https://telegram.me/afragraphic_ir

https://instagram.com/afragraphic1390

https://facebook.com/AfraGraphic

https://plus.google.com/104048725792771050756

https://youtube.com/channel/UCOKVgQfCKUC0F4z2hoOOhPQ

https://twitter.com/afragraphic

https://ir.linkedin.com/in/afragraphic

https://aparat.com/afragraphic

https://Telegram.me/afragraphic_ir

https://cloob.com/name/afragraphic

 

نظــرات شما

نام :
وب سایت :
ایمیل :
پیغام :  

تمامی حقوق مادی و معنوی این سایت متعلق به شرکت طراحی و چاپ افراگرافیک  می باشد.