طراحی سایت

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

مشاوره رایگان

برای مشاوره در زمینه
سایت و سئو
با ما تماس بگیرید.

شبکه های اجتماعی ما
دوره سئو مقدماتی

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

1822 نفر
2 دقیقه
گروه آموزش طراحی سایت
بروزرسانی در: خرداد 18, 1392

فهرست مطالب

در سلسله آموزشهای طراحی سایت آنلاینر به معرفی 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 میپردازیم.

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

به این صفحه رتبه دهید
3 دیدگاه
انتشار: خرداد 18, 1392
طراحی سایت خود را به ما بسپارید!
همین حالا برای مشاوره رایگان اقدام کنید.
طراحی سایت خود را به ما بسپارید!
همین حالا برای مشاوره رایگان اقدام کنید.
گروه آموزش طراحی سایت
آیا نیازمند راهنمایی هستید؟
همین حالا برای مشاوره رایگان اقدام کنید
با پر کردن فرم، یک قدم به رشد آنلاین نزدیک‌تر شوید!
فرم درخواست مشاوره

برای راحتی شما عزیزان می‌توانید اطلاعات خود را در کادر زیر وارد کنید تا کارشناسان ما با شما تماس بگیرند

مشاوره رایگان
پیمایش به بالا