آموزش جاوااسکریپت

بازدید: 311 بازدید
[cdb_box_content]

مقدمه


چرا جاوااسکریپت را مطالعه میکنیم:

یکی از سه زبانی است، که توسعه دهندگان وب باید یاد بگیرند.

!.برای تعریف محتوای صفحات وب HTMLاستفاده می شود.

2.برای مشخص کردن چیدمان صفحات وب CSS ازاین زبان استفاده می کنیم.

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

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

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

Node.js شناخته شده ترین زبان  است .

برخی از بانکهای اطلاعاتی مانندMongo.DB و Couch.DB نیز از جاوااسکریپت به عنوان زبان برنامه نویسی خود استفاده می کنند.

جاوااسکریپت
جاوااسکریپت
[/cdb_box_content]
[cdb_box_content]

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

در آموزش امروز درباره جاوا اسکریپت با هم صحبت خواهیم کرد.

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

<h2>What Can JavaScript Do?</h2>

<p id=”demo”>JavaScript can change HTML content.</p>

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

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

[/cdb_box_content]
[cdb_box_content]

نکته

در کدنویسی جاوااسکریپت مجاز هستید هم از علامت ” و هم ‘  استفاده کنید.

[PHP]

<p id=”demo”>JavaScript can change HTML content.</p>

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

[PHP]

[/cdb_box_content]
[cdb_box_content]

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

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

 

[PHP]

<h2>What Can JavaScript Do?</h2>

<p>JavaScript can change HTML attribute values.</p>

<p>In this case JavaScript changes the value of the src (source) attribute of an image.</p>

<button onclick=”document.getElementById(‘myImage’).src=’pic_bulbon.gif'”>Turn on the light</button>

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

<button onclick=”document.getElementById(‘myImage’).src=’pic_bulboff.gif'”>Turn off the light</button>

[PHP]

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

 

آموزش جاوااسکریپت
آموزش جاوااسکریپت
[/cdb_box_content]
[cdb_box_content]

جاوااسکریپت می تواند سبک هایHTML ،تگ های (style) و (css) را تغییر دهد.

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

[PHP]

<h2>What Can JavaScript Do?</h2>

<p id=”demo”>JavaScript can change the style of an HTML element.</p>

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

[PHP]

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

[/cdb_box_content]
[cdb_box_content]

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

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

مثال:

[PHP]

<h2>What Can JavaScript Do?</h2>

<p id=”demo”>JavaScript can hide HTML elements.</p>

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

[PHP]

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

[/cdb_box_content]
[cdb_box_content]

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

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

مثال:

[PHP]

<h2>What Can JavaScript Do?</h2>

<p>JavaScript can show hidden HTML elements.</p>

<p id=”demo” style=”display:none”>Hello JavaScript!</p>

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

[PHP]

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

[/cdb_box_content]
[cdb_box_content]

اگر این مطلب برای شما مفید بود ، ما را در گوگل ستاره باران کنید.

[/cdb_box_content]
دسته بندی دسته بندی نشده
اشتراک گذاری
مقالات مرتبط

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

سبد خرید

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