پیمان کلانتری سه شنبه ۲۲ تیر ۰۰ | ۱۷:۰۰ ۱۷ بازديد

جاوااسکریپت در html

آموزش javascript‏

یک اسکریپت قطعه ی کوچکی از برنامه است که می تواند به وب سایت شما تعامل اضافه کند. به عنوان مثال یک اسکریپت می تواند یک هشدار پاپ آپ مربوط به باکس پیغام تولید کند، یا یک منوی رو به پایین ایجاد کند. این اسکریپت توسط javascript یا VBScript نوشته می شود.
شما می توانید با استفاده از هر زبان اسکریپتی، کارکردهای متنوع کوچکی به نام گردانندگان رویداد بنویسید و سپس می توانید آن عملکردها را با استفاده از ویژگی های HTML اجرا کنید.
این روزها فقط javascript و چارچوب های متناظر با آن توسط بسیاری از توسعه دهندگان وب استفاده می شوند. VBScript حتی توسط برخی مرورگرها پشتیبانی هم نمی شود.
شما می توانید کد javascript را در یک فایل مجزا نگهداری کرده و سپس هرزمان که لازم بود آن را وارد کنید، یا می توانید قابلیت را در داخل خود داکیومنت HTML تعریف کنید. اجازه بدهید هر دو مورد را یکی یکی با مثال های مناسب بررسی کنیم.

جاوااسکریپت خارجی

اگر قصد دارید قابلیتی را تعریف کنید که در انواع داکیومنت های HTML استفاده می شود، بهتر است آن قابلیت را در یک فایل مجزای جاوااسکریپت حفظ کرده و آن فایل را وارد داکیومنت های HTML خود کنید. یک فایل جاوااسکریپت دارای ضمیمه هایی مانند js می باشد که با استفاده از برچسب< script>وارد فایل های HTML می شود.

مثال:

تصور کنید که با استفاده از جاوااسکریپت در script.js یک عملکرد کوچک را تعریف می کنیم که دارای کد زیر می باشد.

function Hello()
{
    alert("Hello, World");
}

اکنون اجازه بدهید از فایل جاوااسکریپت خارجی بالا در داکیومنت HTML خود استفاده کنیم، مانند زیر

<input type="button" onclick="Hello();" name="ok" value="Click Me"

این مثال نتیجه ای را به دنبال خواهد داشت که می توانید با کلیک کردن برروی دکمه ی ارائه شده توسط این مثال آن را امتحان کنید.

جاوا اسکریپت درونی

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

نمونه یک

<!DOCTYPE html>

<head>

<title>Javascript Internal Script</title>

function Hello() {

alert("Hello, World");

}

</script>

</head>

<body>

</body>

</html>

گردانندگان رویدادها(()EventHandler)

گردانندگان رویدادها عملکردهای تعریف شده ی ساده ای می باشند که می توانند برعلیه هر یک از عملکردهای ماوس یا صفحه کلید فراخوانده شوند. شما می توانید عملکرد خود را در یک گرداننده ی رویداد تعریف کنید که می تواند یک خط تا 1000 خط کد باشد.
در زیر مثالی را می بینید که چگونگی نگارش یک گرداننده ی رویداد را نشان می دهد. اجازه بدهید یک تیتر ساده ی ()EventHandler را در تیتر داکیومنت بنویسیم. هر زمان که کاربر ماوس را روی یک پاراگراف بیاورد، این عملکر را فرا خواهیم خواند.

نمونه دو

برای مشاهده نمونه دو برروی دوره آموزش طراحی سایت کلیک نمایید.

برچسب ها: آموزش برنامه نویسی, آموزش طراحی سایت, دوره آموزش طراحی سایت, آموزش جاوا اسکریپت, آموزش HTMl,

برنامه نویسی شی گرا در جاوا اسکریپت

برنامه نویسی شی گرا یک نوع برنامه نویسی معروف یا یک style برنامه نویسی می باشد و بر خلاف اکثر ابزار و فریم وورک ها که میان و میرن OOP تا به امروز پا برجا بوده است و آن‌هم به خاطر این است که یک زبان برنامه نویسی نیست بلکه یک style برنامه نویسی است.

چرا باید OOP یاد گرفت؟

چون به شما کمک میکنه پیچیدگی های برنامه رو مدیریت و کمتر کنید و همچنین بتونید بلوک و شی هایی بسازید که دوباره بتونید در جاهای دیگه از برنامه ازش استفاده کنید ( به اصلاح reusable باشد).

علاوه بر این می‌توانید یک رابط کاربری ساده ای درست کنید آن هم با مخفی کردن پیچیدگی های غیر ضروری ( چون نیازی نیست تمام مراحل برنامه نویسی قابل دیدن باشه که باعث پیچیدگی بشه) و با شی گرایی از شر کد های زائد خلاص میشیم و کد های تمیز تری داریم.

OOP یک تکنیک ضروری برای هر برنامه نویسی است...

جاوااسکریپت در html

به روز ترین مطالب آموزشی و متدلوژی های برنامه نویسی

تازه ترين مطالب

پربازديدترين مطالب

محبوب ترين مطالب