دسته‌بندی: آموزشی

Js web API گاهی ما نیاز داریم یک سری داده را از یک زبان برنامه نویسی به زبان برنامه نویسی دیگر انتقال دهیم یا تبدیل کنیم. APIهایی که در زبان های مختلف نوشته می شود یک رابطی است برای اتصال برنامه های مختلف به هم. مثلا تلگرام در انواع برنامه

JavaScript Popup Boxes Alert زیر مجموعه window به حساب می آید. Window.alert همان کار alert را انجام می دهد. Confrim Box زیر مجموعه window هست. اگر بخواهیم یک باکس تایید برای کاربر نشان دهیم که با تایید یا رد آن پیغام مربوط به آن را دریافت کند از confirm Box استفاده

  The HTMLCollection Object Collection یا مجموعه برای المان هایی استفاده می شود که بخواهیم به صورت مجموعه ای همه را داشته باشیم یعنی مثلا تمام تگ های p را اگر بخواهیم شناسایی کنیم بهتر است آن را داخل متغیر collection بریزیم. که بصورت آرایه نتیجه را برمی گرداند. const myCollection

  JavaScript HTML DOM Navigation کل صفحه وب از بالا تا پایین برای خود فرزندانی دارد . کل سند html با document شناخته می شود. بعد از آن html است که خود از دوبخش head و body تشکیل شده هر کدام از این دو بخش نیز برای خود زیر مجموعه هایی

  The addEventListener() method addEventlistener()  زمانی استفاده می شود که چندین رویداد را بخواهیم برای یک عنصر پیاده کنیم . این تابع زمانی که یک رویداد اتفاق می افتد یک فانکشن را اجرا می کند در واقع یک شنونده است. Syntax آن بصورت زیر است: element.addEventListener(event, function, useCapture); event همان

DOM CSS گاهی نیاز داریم style  یک تگ رو عوض کنیم . <p id=”p2″>Hello World!</p> <script> document.getElementById(“p2”).style.color = “blue”; document.getElementById(“p2″).style. fontFamily = ” Arial”; document.getElementById(“p2″).style. fontSize = ” larger”; </script> در اینجا می توان با استفاده ازstyle  تغییرات زیادی را بر p اعمال کرد.نکته ای که در اینجا وجود دارد این هست که Cssهایی که با خط

Changing the value of an attribute راه دیگر برای تغییر دادن صفحه وب با جاوااسکریپت این است که با استفاده از صفت های هر تگ این کار را انجام دهیم . >img id= “image” src=”smiley.gif” width=”160” height=”120”> <script > document.getElement(‘image’).src=”landscape.jpg”; </script> در این مثال ابتدا یک عکس قرار داده شده

CSS Selectors برای اینکه در صفحه وب با جاوااسکریپت تغییراتی بدهیم یکی از راه ها استفاده از selector هاست. برای اینکار از متد querySelectorAll استفاده می کنیم . <p>Hello World!.</p> const x = document.querySelectorAll(“p.intro”); برای اینکه انتخاب کردن المانها را گروهی انجام دهیم از collectionها استفاده می کنیم . document.anchors document.body

JS HTML DOM   با html dom جاوااسکریپت می تواند به تمام عناصر موجود در یک سند html دسترسی پیدا می کند. و تمام عناصر صفحه وب حکم شی را دارد . HTML DOM Methods document.getElementById(“demo”).innerHTML Document  بالاترین سطح یک شی در وب هست که با متد getElementById توسط آیدی

Static Method کلمه static به ما اجازه می دهد که بدون تعریف نمونه object بتوانیم object رو فراخوانی کنیم. ولی اگر static را ننویسیم حتما باید یک شی تعریف کنیم و با آن مقدار را فراخوانی کنیم. class Car {   constructor(name) {     this.name = name;   }   static hello() {     return “Hello!!”;   } } document.getElementById(“demo”).innerHTML =