تالار گفتمان nCIS.ir

خوب در این قسمت قصد داریم جاوا اسکریپت رو کمی مستقل تر بررسی کنیم .

در مثال های قبلی جاوا اسکریپت رو به صورت یک صفت (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 قرار بدیم . همین !
سیدمحمدمهدی موسوی هستم . امیدوارم تا این جا خوب پیش رفته باشید.

smmm