رتبه موضوع:
  • 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
آموزش جاوا اسکریپت قسمت 3
#1
خوب در این قسمت قصد داریم جاوا اسکریپت رو کمی مستقل تر بررسی کنیم .

در مثال های قبلی جاوا اسکریپت رو به صورت یک صفت (attribute) یاد گرفتیم . اما این قسمت از آموزش به استقلال جاوا اسکریپت می پردازد .

کدهای جاوا اسکریپت را می توان هم در بخش head  و هم در بخش body در یک سند html قرار بدیم ؛ حتی همزمان در هر دو بخش .

کدهای جاوا اسکریپت در سند Html حتما باید در بین تگ باز و بسته  <script> قرار بگیرند. به این صورت :

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


یک نکته مهم : بهترین عملکرد و رفتار این است که شما کد های جاوا اسکریپت رو ، حتی الامکان در یک مکان نگه داری بکنید. تا دسترسی به آن ها راحت باشد.

 

خوب حالا با یک مثال کار اصلی خودمون رو شروع می کنیم :

در این مثال قصد داریم ، در قسمت head سند html خودمون ، یک کد جاوا اسکریپت کاملا مستقل بنویسیم ؛ که در درون <script></script> نوشته شده باشد و اون رو بوسیله صفت onclick در یک دکمه در بخش body سند html فراخوانی کنیم:


کد:
<!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>


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

تنها اتفاق خاصی که این جا رخ داده است ، استفاده از تابع بود . ما با function یک تابع تحت عنوان myfunction تعریف کردیم که یک سری کد در زیر مجموعه خودش داره ! این همان کدهایی هستن که پیش تر در صفت onclick می نوشتیم . اما الان با تعریف یک تابع ، دیگه لازم نیست در onclick یه عالمه کد بنویسیم ؛ فقط کافیه تابع رو درون onclick قرار بدیم . همین !
سیدمحمدمهدی موسوی هستم . امیدوارم تا این جا خوب پیش رفته باشید.
پاسخ
تشکر شده توسط: ADMIN , abdollah110110 , YN97




کاربران در حال بازدید این موضوع: 1 مهمان