قابلیت های جاوا اسکریپت java script
قابلیت های جاوا اسکریپت java script
جاوا اسکریپت یک زبان برنامه نویسی وب می باشد که یادگیری آن، بسیار آسان است. همه صفحات مدرن HTML از جاوا اسکریپت استفاده میکنند.
♦ چرا باید جاوا اسکریپت را یاد بگیریم؟
جاوا اسکریپت یکی از 3 زبانی است که همه توسعه دهندگان وب باید یاد بگیرند :
1. HTML برای تعریف محتوای صفحات وب
2. CSS برای مشخص کردن طرح بندی صفحات وب
3. JavaScript برای برنامه ریزی رفتار صفحات وب
دراین قسمت برخی از قابلیتهای جاوا اسکریپت را ذکر خواهیم کرد:
• جاوا اسکریپت می تواند محتوای HTML را تغییر دهد.
• جاوا اسکریپت می تواند مشخصه های HTML را تغییر دهد.
• جاوا اسکریپت می تواند استایل (HTML (CSS را تغییر دهد.
• جاوا اسکریپت می تواند داده ها را اعتبارسنجی نماید.
♦ جاواسکریپت در کجای صفحه قرار میگیرد:
جاوا اسکریپت می تواند در بخش بدنه (body) و هد (head) یک صفحه HTML قرار گیرد.
تگ script :
در HTML، کد جاوا اسکریپت باید بین تگ (script) و (/script) وارد می شود.
توابع و رویدادهای جاوا اسکریپت :
یک تابع جاوا اسکریپت یک بلوک از کد جاوا اسکریپت، است که هر زمان درخواست شد، می تواند اجرا گردد. برای مثال یک تابع زمانیکه رویدادی چون کلیک روی دکمه رخ داد، میتواند اجرا شود.
جاوا اسکریپت در بدنه یا در هد :
شما می توانید هر تعداد اسکریپت در یک سند HTML قرار دهید. اسکریپت ها می توانند در تگ body و یا در قسمت head از یک صفحه HTML و یا در هر دو قسمت نوشته شوند. توجه داشته باشید نگه داشتن تمام کد در یک قسمت از صفحه، همیشه یک عادت خوب است.
جاوا اسکریپت دربخش head صفحه:
در این مثال، تابع جاوا اسکریپت در قسمت head ازصفحه HTML قرار گرفته است، و به هنگام کلیک روی دکمه فراخوانی میشود: ( در مثالها به جای() از علامتهای <> استفاده کنید)
(html)
(head)
(script)
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
(/script)
(/head)
(body)
(h1)My Web Page(/h1)
(p id="demo")A Paragraph(/p)
(button type="button" onclick="myFunction()")Try it(/button)
(/body)
(/html)
جاوا اسکریپت های تگ body :
درمثال زیر، یک تابع جاوا اسکریپت در body صفحه HTML نوشته شده است و به هنگام کلیک روی دکمه فراخوانی میشود:
(html)
(body)
(h1)My Web Page(/h1)
(p id="demo")A Paragraph(/p)
(button type="button" onclick="myFunction()")Try it(/button)
(script)
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
(/script)
(/body)
(/html)
جاوا اسکریپت خارجی :
اسکریپت همچنین می تواند در فایل های خارجی قرار داده شود. اسکریپ های خارجی وقتی استفاده میشوند که کد یکسانی در بسیاری از صفحات مختلف وب استفاده شود. فایل های جاوا اسکریپت دارای فرمت فایل ".js " میباشند. برای استفاده از اسکریپت های خارجی، نام فایل اسکریپت را در صفت SRC (منبع) تگ script را به دلخواه در بخش body یا head ذکر کنید. توجه داشته باشید اسکریپت خارجی نمی تواند شامل برچسب "script" باشد.
مزایای جاوا اسکریپت خارجی:
قرار دادن جاوا اسکریپت در فایل های خارجی مزیتهای زیر را دارد :
• این کار، HTML و کد را از هم جدا می کند.
• این باعث می شود HTML و جاوا اسکریپت آسان تر خوانده و نگهداری شوند.
• فایل های جاوا اسکریپت کَش شده می تواند سرعت لود صفحه را بیشتر کند.
♦ خروجی java script
جاوا اسکریپت، هیچ تابع نمایشی یا چاپ داخلی ندارد. اما میتواند داده ها را به روشهای مختلفی نمایش دهد.
امکانات نمایشی جاوا اسکریپت :
• نوشتن درکادر هشدار، با استفاده از windows.alert()
• نوشتن درخروجی HTML با استفاده از () document.write
• نوشتن دریک عنصر HTML با استفاده از innerHTML
نوشتن در کنسول مرورگر، با استفاده از () console.log
