استفاده از جاوا اسکریپت در صفحات وب

در این قسمت از آموزش HTMLبه بحث استفاده از جاوا اسکریپت و جی کوئری در صفحات HTML می پردازیم.

کاربرد جاوا اسکریپت در صفحات HTML :

در این بخش به کاربرد جاوا اسکریپت در صفحات HTML می پردازیم. جاوا اسکریپت و جی کوئری در زیباسازی صفحات وب کاربرد بسیار دارد. در بسیاری از سایت های ایرانی از جاوا اسکریپت و جی کوئری استفاده شده است.

صفحات وب معمولا خشک و بی روح هستند . با کدهای جاوااسکریپت و جی کوئری می توان صفحات را داینامیک کرد که برای کاربر جذاب تر شود.

وقتی سایت از لحاظ ظاهری و قالب زیبا باشد کاربر به سایت علاقه مند شده و می تواند تاثیر زیادی روی درآمد سایت بگذارد.

بعد از آمدن جی کوئری ، دیگر از جاوا اسکریپت کمتر استفاده شد. جی کوئری از جاوا اسکریپت بوجود امده است. اما اگر یک کد که با جی کوئری 3 خط می باشد بخواهیم با جاوا اسکریپت بنویسیم تعداد خطوط بسیار بیشتر می شود. به همین دلیل و بخاطر سادگی جی کوئری بیشتر از آن استفاده میشود.

استفاده از کدهای جاوا اسکریپت :

برای استفاده از کدهای جاوا اسکریپت باید از تگ SCRIPT استفاده کنیم.

تگ SCRIPT :

از تگ SCRIPT برای نوشتن کدهای جاوا اسکریپت در صفحات وب و HTML استفاده می شود.

تگ SCRIPT را می توان در دو قسمت از صفحات وب قرار داد. در قسمت HEAD و در قسمت فوتر صفحه .

اگر بخواهید از جی کوئری استفاده کنید ابتدا باید ان را فراخوانی کنید.

با کدهای جاوااسکریپت و جی کوئری براحتی می توانید قسمت از صفحه را مخفی کنید یا نمایش دهید. افکت های مختلف ایجاد کنید.

بسیاری از اسلایدها با جاوااسکریپت و جی کوئری ایجاد شده است که در بیشتر سایت ها نیز استفاده می شود.

در قسمت پایین نمونه استفاده از کدهای جاوااسکریپت در html را مشاهده خواهید کرد.

<!DOCTYPE html>
<html>
<body>
<h1>sh711.com</h1>
<button type="button"
onclick="document.getElementById('demo').innerHTML = Date()">
Click me to display Date and Time.</button>
<p id="demo"></p>
</body>
</html>

نویسنده : هدایت عباسی

تگ ها : آموزش html
ثبت نظر