آموزش HTML – فصل هفدهم: جاوا اسکریپت در HTML

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

آموزش HTML – فصل هفدهم: جاوا اسکریپت در HTML

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

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

تگ <script> برای تعریف یک سند client-side (جاوا اسکریپت) استفاده میشود.

المان <script> یا حاوی جمله های سند نویسی است scripting statement یا به یک سند خارجی از طریق خاصیت src اشاره میکند.

استفاده های معمولی جاوا اسکریپ برای دستکاری تصویر از معتبر سازی است و تغییر های پویا در محتوا.

برای انتخاب یک المان اچ تی ام ال , جاوا اسکریپت اغلب از پرونده با متود getelementbyid() استفاده میکند.

این مثال جاوا اسکریپت یک متن “hello javascript” را در یک المان اچ تی ام ال با آی دی “demo” مینویسد.

مثال:


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

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

در اینجا چند مثال از کاربرد های جاوا اسکریپت میگوییم:

جاوا اسکریپت میتواند محتوای اچ تی ام ال را تغییر دهد:


جاوا اسکریپت می تواند استایل های اچ تی ام ال را تغییر دهد:


جاوا اسکریپت می تواند خاصیت های اچ تی ام ال را تغییر دهد:


تگ <noscript> در اچ تی ام ال

تگ <noscript> برای ارائه یک محتوای جداگانه برای کاربر هایی که از جاوا اسکریپت نمیتوانند استفاده کنند یا مرورگرشان جاوا اسکریپت را پشتیبانی نمیکند استفاده میشود:

مثال:



در ادامه آموزش گام به گام زبان HTML، مطلب آموزش HTML – فصل هجدهم: مسیر فایل ها در HTML را مطالعه کنید.

ویدیوها و مطالب مشابه