جاوااسکریپت (JavaScript) در HTML
جاوااسکریپت (JavaScript) زبانی است که به صفحات HTML قابلیت های پویا و تعاملی می دهد. با استفاده از آن می توان محتوای صفحه، استایل ها و حتی رفتار عناصر را تغییر داد.
تگ <script>
در HTML
عنصر <script>
برای تعریف اسکریپت سمت کاربر (JavaScript) استفاده می شود. این عنصر می تواند شامل دستورات جاوااسکریپت باشد یا به فایل خارجی متصل شود.
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
نکته: برای انتخاب یک عنصر HTML معمولاً از متد document.getElementById()
استفاده می شود.
نمونه هایی از قابلیت های جاوااسکریپت
جاوااسکریپت می تواند محتوای عناصر HTML را تغییر دهد:
document.getElementById("demo").innerHTML = "Hello JavaScript!";
جاوااسکریپت می تواند استایل ها را تغییر دهد:
document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";
جاوااسکریپت می تواند ویژگی ها (Attributes) را تغییر دهد:
document.getElementById("image").src = "picture.gif";
تگ <noscript>
در HTML
اگر مرورگر کاربر از جاوااسکریپت پشتیبانی نکند یا آن را غیرفعال کرده باشد، محتوای داخل <noscript>
نمایش داده می شود.
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>
خلاصه
- تگ
<script>
برای تعریف اسکریپت سمت کاربر استفاده می شود. - می توانید جاوااسکریپت را درون تگ یا به صورت فایل خارجی قرار دهید.
- جاوااسکریپت می تواند محتوا، استایل و ویژگی های عناصر HTML را تغییر دهد.
- تگ
<noscript>
برای نمایش محتوای جایگزین در مرورگرهای بدون جاوااسکریپت استفاده می شود.
برای مطالعه بیشتر به بخش عنصر Iframe در HTML و مسیر فایل ها در HTML مراجعه کنید.