عضویت در سایت

ورود

فراموشی رمز عبور

رمز عبور خود را فراموش کرده اید؟ ایمیل خود را وارد کنید

ورود

عضویت در سایت

رایگان ثبت نام کنید و سوالات خود را بپرسید، همچنین میتوانید در پاسخگویی به سوالات دیگر کاربران نیز سهیم باشید، هر مشکلی در ثبت نام یا ورود داشتید با ایمیل beporsam@gmail.com در ارتباط باشید

در بین 1170 آموزش و 2020 پرسش به دنبال چه هستید؟

ویندوز
نصب آنلاین ویندوز

ویندوز 7,8,10,11
مشاوره
مشاوره خرید لپ تاپ و کامپیوتر

مشاوره حرفه ای دریافت کن
بلاگ
مقالات آموزشی

1k+
پشتیبانی آنلاین

سخت افزار/نرم افزار

آموزش HTML – قسمت بیستم(جاوا اسکریپت)

سلام

با نوزدهمین جلسه از آموزش HTML در خدمتتون هستیم، در این جلسه آموزش مختصر و کوتاهی در رابطه با جاوا اسکریپت خواهیم گفت.

جاوا اسکریپت یک برنامه نویسی سمت کلاینت(کاربر) است، به این معنی که کدهای جاوا اسکریپت در مرورگر کاربر اجرا میشود و در سرور اجرا نمیشوند.

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

جاوا اسکریپت هم مانند سی اس اس به دو صورت استفاده میشود:

  • داخلی: میتونیم در هر جای صفحه که خواستیم از کدهای جاوا اسکریپت استفاده کنید، کدهای خودمون را بین تگ script بنویسیم، به صورت زیر:

  • خارجی: و همچین میتونیم یک فایل با پسوند js. بسازیم و کدهای جاوا اسکریپ را داخلش بنویسیم و در داخل تگ head آدرس فایل را فراخونی کنیم، به صورت زیر:

در این نوع در فایلی که با پسوند js. میسازید، دیگر نیازی نیست که برای نوشتن کدها از <script> استفاده کنید.

کدهای جاوا اسکریپت برای اجرا شدن نیاز به مرورگرهای جدید و به روز دارند، ممکنه شما کد جاوا اسکریپتی بنویسید و در مرورگرهای قدیمی اجرا نشود، برای اینکه اگر کد شما در مرورگرهای قدیمی اجرا نشد و بخواید پیغامی به کاربر نشون بدید(مبنی بر اینکه کد جاوا اسکریپت توسط مرورگر شما پشتیبانی نمی شود)، میتونید از تگ زیر استفاده کنید:

مطلب پیشنهادی:  آموزش Camtasia - قسمت اول(معرفی و نصب)

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

در ادامه چند مثال از جاوا اسکریپت را آماده کردیم که به قدرت پویایی جاوا اسکریپت پی ببرید.

  • روشن و خاموش کردن لامپ:

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



کد:

مطلب پیشنهادی:  آموزش هارد ریست SAMSUNG Galaxy A50

  • تغییر متن:

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

آدرس سایت بپرسم را داری؟



کد:

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

سوال داشتید در سایت بپرسید ، پاسخگوی سوالات شما هستیم.

موفق باشید.

درباره احمد آخوندیمدیر سایت

همیشه در تلاش برای یادگیری :) ارتباط با من: 09159352892

دنبال کردن

نظر ( 1 )

  1. سلام

    عالی بود

     

ارسال نظر

رفتن به بالا

سامانه آموزشی و خدماتی بپرسم

اولین وب سایت آموزشی و پرسش و پاسخ در ایران

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