آموزش جاوا اسکریپت – جلسه ۱۲

آموزش جاوا اسکریپت از مبتدی تا پیشرفته
جلسه ۱۲

سلام به جلسه دوازدهم اموزش برنامه نویسی جاوا اسکریپت خوش اومدید

در این جلسه یک مثال از Event ها در جاوا اسکریپت براتون میزنم که مقدمه ای بشه بر شروع کارمون در این جلسه شما با رویداد .onclick اشنا میشوید پس با ما همراه باشید

رویداد ها :

رویدادهای HTML اتفاق هایی هستند که برای عناصر اچ تی ام ال رخ میدهند وقتی جاوا اسکریپت در صفحات اچ تی ام ال استفاده میشود میتواند رویداد ها را فراخوانی کند.

رویداد های HTML

یک رویداد HTML می تواند چیزی باشد که مرورگر و یا کاربر انجام می دهند. در زیر چندین مثال از رویدادهای HTML آمده است :

• زمانی که متن یک فیلد در اچ تی ام ال تغییر میکند
• زمانیکه بارگذاری یک صفحه به پایان میرسد
• زمانی که یک دکمه در صفحه کلیک میشود

اغلب وقتی رویدادی اتفاق می افتد ممکن است بخواهید کاری انجام شود. جاوا اسکریپت به شما این امکان را می دهد که وقتی رویدادی اتفاق افتاد، کدی را اجرا کنید. جاوا اسکریپت اجازه می دهد که مشخصه های رویداد به عناصر HTML اضافه شوند. قاعده نوشتاری آن با استفاده از سینگل کوتیشن (‘ ‘)  به شکل زیر است :

<element event='some JavaScript'>

 

همچنین می توان قاعده نوشتاری بالا را با استفاده از دابل کوتیشن (” “) به صورت زیر پیاده سازی کرد :

<element event="some JavaScript">

 

در نمونه مثال زیر مشخصه Onclick به عنصر مورد نظر اضافه شده است :

<button onclick="document.getElementById('demo').innerHTML=Date()">The time is?</button>

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

 

در نمونه مثال بالا زمانی که بر روی دکمه کلیک می شود محتوای عنصری با شناسه “id=”demo تغییر خواهد کرد. در نمونه مثال بعدی کد مورد نظر محتوای عنصر خود را تغییر میدهد :

<button onclick="this.innerHTML = Date()">The time is?</button>

 

در جلسات اینده بیشتر به این موضوع خواهیم پرداخت،موفق باشید