محل قرار گیری کد اسکریپت قسمت دوم
تگ <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> قرار داد
پایان بخش دوم
منابع : http://www.w3schools.com/js/js_whereto.asp
کانون تبلیغاتی افراگرافیک
آدرس: تهران-میدان انقلاب-خ آزادی-خ اسکندری-نبش کلهر-دفتر افرا گرافیک
66912056 66562677 66120698 09122246022
http://afragraphic.ir
info@afragraphic.ir
https://telegram.me/afragraphic_ir
http://instagram.com/afragraphic1390
http://facebook.com/AfraGraphic
http://plus.google.com/104048725792771050756
http://youtube.com/channel/UCOKVgQfCKUC0F4z2hoOOhPQ
http://twitter.com/afragraphic
http://ir.linkedin.com/in/afragraphic
http://aparat.com/afragraphic
http://Telegram.me/afragraphic_ir
http://cloob.com/name/afragraphic
|
امتیاز مطلب : 0
|
تعداد امتیازدهندگان : 0
|
مجموع امتیاز : 0
عضو شوید
عضویت سریع
آمار مطالب
آمار بازدید
