با جاوااسكريپت ميتوان صفحاتHTML پوياتر وفعال تر ساخت .
مثال ـ جاوااسكريپت وHTML
HTML <script>براي تعريف يك اسكريت سمت كاربر استفاده ميشود .
عنصر<script> شامل يك اسكريپت بوده ويا ازطريق ويژگي src به يك فايل اسكريپت خارجي اشاره مي نمايد.
كاربردهاي رايج جاوا اسكريپت دستكاري تصوير، اعتبار سنجي فرم وتغييرات پوياي محتوي است.
در جاوااسكريپت براي انتخاب عنصري از صفحه اغلب از متدgetElementById() استفاده ميشود.
مثال ـ نمونه جاوااسكريپت كه عبارت"Hello Javascript"را در عنصري باid="demo" مي نويسد
<script> document.getElementById("demo").innerHTML = "Hello JavaScript!"; </script >
در زير چند نمونه از كارهائيكه با جاوااسكريپت ميتوان انجام داد آمده است.
مثال ـ جاوااسكريپت ميتواند محتوي راتغيير دهد.
<script> function myFunction() { document.getElementById("demo").innerHTML = "Hello JavaScript!"; } </script >
مثال ـ با جاوااسكريپت ميتوان ويژگيهاي استايل شيت عنصري را تغييرداد.
<script> function myFunction() { document.getElementById("demo").style.fontSize = "25px"; document.getElementById("demo").style.color = "red"; document.getElementById("demo").style.backgroundColor = "yellow"; } </script >
مثال ـ باجاوااسكريپت ميتوان ويژگي هاي عنصري را تغيير داد.
<script> function light(sw) { var pic; if (sw == 0) { pic = "pic_bulboff.gif" } else { pic = "pic_bulbon.gif" } document.getElementById('myImage').src = pic; } </script >
با تگHTML <noscript> محتوياتي را جهت نمايش كاربر تعريف نمود، كه براي مرورگر غيرفعال بوده يا آنرا پشتيباني نمي نمايد.
مثال ـ نمونه استفاده ازتگHTML <noscript>
<script> document.getElementById("demo").innerHTML = "Hello JavaScript!"; </script > <noscript>Sorry, your browser does not support JavaScript!</noscript>