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

JavaScript در HTML

استفاده از زبان برنامه‌نویسی جاوااسکریپت در HTML باعث می‌شود صفحات پویاتر و با تعامل بیشتر نمایش داده شوند.

تگ script

تگ <script> برای تعریف کد جاوااسکریپت به کار می‌رود.

المان <script> یا جملات کد را دربردارد یا از طریق ویژگی src به یک فایل script خارجی ارجاع می‌کند.

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

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

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

نکته: با مراجعه به آموزش جاوااسکریپت می‌توانید بیشتر دربارۀ این زبان بیاموزید.

مثال‌هایی از JavaScript

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

document.getElementById("demo").innerHTML = "Hello JavaScript!";

document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";

document.getElementById("image").src = "picture.gif";

تگ noscript

تگ <noscript> وقتی به کار می‌رود که مرورگر کاربر از جاوااسکریپت پشتیبانی نکند، در این صورت محتوایی دیگر را نمایش می‌دهد:

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>

توسعه دهندگان

احسان اسلامی