|||

ورود به حساب کاربری

شماره همراه خود را وارد کنید

ورود با کلمه عبور ارسال کد تایید

فراموشی کلمه عبور

در صورت فراموشی کلمه عبور شماره موبایل خود را وارد کنید.

ورود با کلمه عبور تنظیم مجدد

ورود به حساب کاربری

در صورتی که کلمه عبور خود را بروزرسانی کرده اید با کلمه عبور وارد حساب کاربری خود شوید.

شماره همراه خود را وارد کنید

ورود و ادامه

جاوا اسکریپت در HTML

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

مثال :

اولین جاوا اسکریپت من

 


تگ <script> در HTML

تگ <script> برای تعریف یک اسکریپت سمت کاربر (جاوا اسکریپت) استفاده می شود. عنصر <script> شامل بیانیه های اسکریپت نویسی می شود و یا می تواند به یک فایل اسکریپت خارجی به وسیله صفت src اشاره کند.
استفاده های معمول از جاوا اسکریپت شامل دستکاری و تغییرات در تصاویر ، اعتبارسنجی فرم و تغییرات داینامیک در محتوا می باشد. برای انتخاب یک عنصر HTML معمولا جاوا اسکریپت از متد document.getElementById(id) استفاده می کند.
اسکریپت زیر جمله "سلام دوستان عزیز!" را داخل عنصر HTML با id="demo" می نویسد.

مثال :

تگ اسکریپت
<script>
document.getElementById("demo").innerHTML = "سلام بر دوستان عزیز!";
</script> 
مشاهده مثال

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


مثال هایی از قابلیت های جاوا اسکریپت


مثال 1 - تغییر محتوای یک عنصر HTML :
تغییر محتوای عناصر با جاوا اسکریپت
document.getElementById("demo").innerHTML = "سلام بر دوستان عزیز!";
مشاهده مثال


مثال 2 - تغییر استایل یک عنصر HTML :
تغییر استایل توسط جاوا اسکریپت
document.getElementById("demo").style.fontSize = "25px"; 
document.getElementById("demo").style.color = "red";   
مشاهده مثال

 

مثال 3 - تغییر صفات یک عنصر HTML 

تغییر صفات عناصر با جاوا اسکریپت
document.getElementById("image").src = "picture.gif";
مشاهده مثال


تگ <noscript> در HTML

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

مثال :

noscript
<script>
document.getElementById("demo").innerHTML = "سلام بر دوستان عزیز !";
</script>

<noscript>متاسفانه مرورگر شما جاوا اسکریپت را پشتیبانی نمی کند</noscript>
مشاهده مثال

 

 

نظر شما

>

مقالات و دروس

عضویت در خبرنامه شرکت نرم افزاری وب مهراز

برای اطلاع از بسته ها ، تخفیف های استثنایی و تازه های ما به خبرنامه وب مهراز بپیوندید.

لطفا شماره همراه صحیح وارد کنید.
لطفا ایمیل صحیح وارد کنید.

مقالات مرتبط

|||

ورود به حساب کاربری

شماره همراه خود را وارد کنید

ورود با کلمه عبور ارسال کد تایید

فراموشی کلمه عبور

در صورت فراموشی کلمه عبور شماره موبایل خود را وارد کنید.

ورود با کلمه عبور تنظیم مجدد