معرفی ابتدایی زبان جاوا اسکریپت

حامد محمدیحامد محمدی
260 بازدید
معرفی ابتدایی زبان برنامه نویسی جاوا اسکریپت

به جرات می توان گفت که جاوا اسکریپت محبوب ترین زبان برنامه نویسی در جهان است.

JavaScript زبان برنامه نویسی وب است.

 و یادگیری آن آسان است.

در مبحث معرفی زبان برنامه نویسی JavaScript در وب سایت پرنیان طرح قصد داریم این زبان را از پایه تا پیشرفته آموزش دهیم.

همراه پرنیان باشید.

جاوا اسکریپت می تواند محتوای HTML را تغییر دهد.

[cdb_box_content]

با سلام خدمت همراهان همیشگی وب سایت پرنیان طرح

مقاله امروز وب سایت پرنیان ، به معرفی اختصاری و ابتدایی زبان برنامه نویسی جاوا اسکریپت می پردازد.

این زبان برنامه نویسی بسیار آسان برای یادگیری و در عین حال بسیار کاربردی و جذاب است.

شما می توانید با استفاده از این زبان برنامه نویسی ، افکت های بسیار جذابی به صفحات وب سایت خود اضافه کنید.

قصد داریم تا در سری آموزش های جاوا اسکریپت ، تمامی امکانات این زبان مهیج را از ابتدایی تا پیشرفته در کنار شما تمرین کنیم.

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

همراه پرنیان باشید.

[/cdb_box_content]
[cdb_box_content]

یکی از هزاران متد این زبان ، متد ()getElementById می باشد.

مثال زیر ، یک المان html با آی دی demo را پیدا کرده و سپس آن را با عبارت “Hello JavaScript” جایگزین می کند.

[php]

<button type=”button” onclick=’document.getElementById(“demo”).innerHTML = “Hello JavaScript!”‘>Click Me!</button>

[/php]

 

نتیجه را از این لینک  تمرین کنید و ببینید .

[/cdb_box_content]
[cdb_box_content]

این زبان برنامه نویسی هم می تواند با دابل کوتیشن ” ” کار کند و هم با تک کوتیشن  ‘ ‘

مثال زیر را ببینید:

 

[php]

<button type=”button” onclick=”document.getElementById(‘demo’).innerHTML = ‘Hello JavaScript!'”>Click Me!</button>

[/php]

 

نتیجه را از این لینک  تمرین کنید و ببینید .

[/cdb_box_content]

جاوا اسکریپت می تواند مقادیر HTML را تغییر دهد.

[cdb_box_content]

در این مثال می خواهیم مقدار src (منبع) ویژگی یک برچسب <img> را تغییر دهیم:

[php]

<button>Turn on the light</button>

<img id=”myImage” style=”width: 100px;” src=”pic_bulboff.gif” />

<button>Turn off the light</button>

[/php]

 

 

نتیجه را از این لینک ببینید و تمرین کنید.

[/cdb_box_content]

جاوا اسکریپت می تواند سبک های HTML را تغییر دهد.

[cdb_box_content]

تغییر سبک یک عنصر HTML نوعی تغییر ویژگی HTML است:

[php]

<button type=”button” onclick=”document.getElementById(‘demo’).style.fontSize=’35px'”>Click Me!</button>

[/php]

 

نتیجه را از این لینک ببینید و تمرین کنید.

[/cdb_box_content]

جاوا اسکریپت می تواند عناصر HTML را مخفی کند.

[cdb_box_content]

مخفی کردن عناصر HTML را می توان با تغییر سبک نمایش انجام داد:

[php]

<button type=”button” onclick=”document.getElementById(‘demo’).style.display=’none'”>Click Me!</button>

[/php]

 

نتیجه را از این لینک ببینید و تمرین کنید.

[/cdb_box_content]

جاوا اسکریپت می تواند عناصر HTML را ظاهر کند.

[cdb_box_content]

نمایش عناصر HTML مخفی نیز می تواند با تغییر سبک نمایش انجام شود:

[php]

<button type=”button” onclick=”document.getElementById(‘demo’).style.display=’block'”>Click Me!</button>

[/php]

 

نتیجه را از این لینک ببینید و تمرین کنید.

[/cdb_box_content]
دسته بندی آموزش JavaScript مقاله ها
اشتراک گذاری
راه حل صحیح موفقیت این است که اشتیاق شما به پیروزی بیشتر از ترس شما از شکست باشد.”انیشتین“

نوشته های مرتبط

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

22+ محصولات
400+ سفارشات تکمیل شده
2086+ کاربران
399+ مطالب وبلاگ
سبد خرید

هیچ محصولی در سبد خرید نیست.

ورود به سایت