HTMLاستفاده از جاوااسکریپت در
استفاده از جاوااسکریپت در html انعطاف پذیری و سطح تعامل را در کدها افزایش میدهد.
HTMLمثالی ابتدایی از کاربرد جاوااسکریپت در
در این مثال یک دکمه ساخته میشود که کاربر با فشردن دکمه میتواند تاریخ و ساعت را به صورت زنده مشاهده کند.
<html>
<body>
<h1>مثال</h1>
<button type=”button”
onclick=”document.getElementById(‘tst’).innerHTML = Date()”>
نمایش تاریخ و ساعت</button>
<p id=”tst”></p>
</body>
</html>
HTML در scriptاستفاده از تگ
بر ای ساخت اسکریپتهای client-side باید از تگ script استفاده شود. استفاده از تابع document.getElementById جهت استفاده از اجزای html در کد مورد استفاده قرار میگیرد. به عنوان مثال در کد زیر داخل تگ script شناسه myid فراخوانی شده است تا بر روی جمله hello world اعمال شود و از طرفی هم شناسه myid برای تگ <p> تعریف شده است و در نتیجه ویژگی های <p> بر روی hello world اعمال میشود.
<html>
<body>
<p id=”myid”></p>
<script>
document.getElementById(“myid”).innerHTML = “Hello world”;
</script>
</body>
</html>
HTML در noscript استفاده از تگ
ممکن است به هر دلیلی کدهایی که داخل تگ script تعریف کردیم اجرا نشوند که میتوانیم یکسری جایگزین تعریف کنیم تا درصورت اجرا نشدن اسکریپت جایگزینها نمایش داده شوند. برای درک بیشتر موضوع به کد زیر توجه کنید که در تگ noscript توضیحی درج شده است.
<script>
document.getElementById(“myid”).innerHTML = “Hello world”;
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>