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

دروس HTML5

شروع HTML مقدمه HTML ویرایشگران HTML مثالهای اساسی HTML المان های HTML ویژگی های HTML عناوین HTML بندهای HTML سبک های HTML قالب بندی HTML نقل قول های HTML نظرات HTML رنگهای HTML HTML و CSS پیوندهای HTML تصاویر HTML جداول HTML لیست های HTML بلوک های HTML کلاس های HTML شناسه های HTML فریم های HTML HTML و JavaScript مسیرهای پرونده HTML HTML قسمت هدینگ چیدمان های HTML HTML پاسخگو کد رایانه HTML موجودیت HTML نمادهای HTML رمزگذاری HTML رمزگذاری URL HTML HTML و XHTML

HTML فرم ها

فرم های HTML عناصر فرم HTML انواع ورودی HTML صفات ورودی HTML

HTML5

مقدمه HTML5 پشتیبانی HTML5 عناصر جدید HTML5 عناصر معنایی HTML5 مهاجرت از HTML4 راهنمای سبک HTML5

HTML گرافیک

HTML Canvas HTML SVG

HTML رسانه

HTML ویدیوی HTML صوت HTML افزونه های HTML یوتیوب HTML

HTML API

مکان جغرافیایی HTML کشیدن / رها کردن HTML HTML ذخیره وب HTML کارهای وب HTML و SSE

HTML مثال

مثالهای HTML آزمون ها HTML تمرینات HTML گواهی HTML خلاصه HTML قابلیت دسترسی به HTML

HTML منابع

لیست برچسب های HTML صفات HTML صفات جهانی HTML رویدادهای HTML رنگهای HTML کانواس HTML صوتی / تصویری HTML نسخه معتبر HTML مجموعه نویسه های HTML رمزگذاری URL HTML رمزگذاری زبان HTML پیام های HTTP روشهای HTTP مبدل PX به EM میانبرهای صفحه کلید

HTML5 درسهایی برای مبتدیان

HTML و JavaScript


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

مثال

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

خودتان آزمایش کنید »


برچسب <script> در HTML

از برچسب <script> برای تعریف اسکریپت سمت مشتری (JavaScript) استفاده می شود.

عنصر <script> یا حاوی دستورات اسکریپت است ، یا از طریق ویژگی src به یک فایل اسکریپت خارجی نشان می دهد.

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

برای انتخاب یک عنصر HTML ، جاوا اسکریپت اغلب از روش ()document.getElementById استفاده می کند.

این مثال جاوا اسکریپت می نویسد "سلام جاوا اسکریپت!" به یک المان HTML با id = "demo": :

مثال

<script>
document.getElementById("demo").innerHTML = "سلام جاوا اسکریپت!";
</script>
خودتان آزمایش کنید »

طعم جاوا اسکریپت

در اینجا چند نمونه از آنچه JavaScript می تواند انجام دهد وجود دارد:

JavaScript می تواند محتوای HTML را تغییر دهد

document.getElementById("demo").innerHTML = "Hello JavaScript!";
خودتان آزمایش کنید »

JavaScript می تواند سبک های HTML را تغییر دهد

document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";
خودتان آزمایش کنید »

JavaScript می تواند ویژگی ها HTML را تغییر دهد

document.getElementById("image").src = "picture.gif";
خودتان آزمایش کنید »

برچسب <noscript> در HTML

برچسب <noscript> در HTML یک محتوای جایگزین را تعریف می کند تا برای کاربرانی که اسکریپت های غیرفعال شده در مرورگر خود را غیرفعال کرده اند یا دارای مرورگری هستند که از اسکریپت پشتیبانی نمی کند ، نمایش داده شود:

مثال

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

<noscript>Извините, ваш браузер не поддерживает JavaScript!</noscript>
خودتان آزمایش کنید »

برچسب های اسکریپت HTML

برچسب توضیحات
<script> اسکریپت سمت مشتری را تعریف می کند
<noscript> محتوای جایگزین را برای کاربرانی تعریف می کند که از اسکریپت های سمت مشتری پشتیبانی نمی کنند

تمرینات HTML

خود را امتحان کنید

تمرین:

برای تغییر محتوای HTML یک المان از JavaScript استفاده کنید<p> "سلام دنیا".

<body>

<p id="demo">Hi.</p>

<script>
document.("demo").innerHTML = "سلام دنیا";
</script>

</body>

تمرین را شروع کنید






این سایت برای آموزش ، آزمایش و یادگیری بهینه شده است. نمونه ها را می توان برای بهبود ساده کرد خواندن و درک اساسی. آموزشها ، پیوندها و مثالها مرتباً تجدید نظر می شوند تا از آنها جلوگیری شود خطاها ، اما ما نمی توانیم صحت و عملکرد کامل همه مطالب را تضمین کنیم. با استفاده از این سایت ، شما موافقت می کنید که مطالعه کرده اید و پذیرفته ایدمقررات استفاده , کوکی و سیاست های حفظ حریم خصوصی. کپی رایت 1999-2020 حق چاپ و .. محفوظ توسط احمد فرجی
سایت توسط چارچوب farsiw3.ir طراحی شده است.

Farsiw3.ir