طراحی سایت

اسکریپت ها و embed کردن عناصر – script

در سلسله آموزشهای طراحی سایت آنلاینر به معرفی input- password, input-file, hidden fields , button, image button, label tag پرداختیم.

در این مقاله قصد بررسی اسکریپت ها و embed کردن عناصر – script را داریم.

embed کردن عناصر

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

شما میتوانید تمامی ساختار ها و کد های جاوا اسکریپت و حتی فایل های JS را توسط تگ <script> در سند html خود وارد کنید. نحوه استفاده ازتگ <script> را میتوانید در کد های زیر مشاهده نمایید.

[html]
<SCRIPT>
دستورات جاوا اسکریپت
</SCRIPT>
[/html]

تگ script را میتوانید در هر جای صفحه وب بنا به نیاز خودتان قرار دهید البته پیشنهاد ما داخل تگ <head> است.

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

[html]
<!DOCTYPE html>
<html>
<head>
<script>
function displayDate()
{
document.getElementById("demo").innerHTML=Date();
}
</script>
</head>
<body>

<h1>My First JavaScript</h1>
<p id="demo">این یک پاراگراف تست است.</p>

<button type="button" onclick="displayDate()">Display Date</button>

</body>
</html>
[/html]

این تکه کد دکمه ای را در صفحه وب شما درج خواهد کرد که با کلیک بر روی آن تابع Displaydate که توسط جاوا اسکریپت نوشته شده است اجرا خواهد شد. حال این تابع جاوا اسکریپت ابتدا تگی که ID آن برابر DEMO انتخاب شده و به جای متن درون آن تاریخ و ساعت کامل را در آن درج خواهد کرد.

در آموزش بعد به Event attribute میپردازیم.

با آنلاینر همراه شوید …