آموزش برنامه نویسی جاوااسکریپت-جلسه سی و هشتم

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

آموزش برنامه نویسی جاوااسکریپت-جلسه سی و هفتم

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

آموزش برنامه نویسی جاوااسکریپت-جلسه سی و ششم

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

آموزش برنامه نویسی جاوااسکریپت-جلسه سی و ششم

آموزش برنامه نویسی جاوااسکریپت-جلسه سی و پنجم

  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هایی که با خط تیره نوشته می شوندمثل font-family ، خط

آموزش برنامه نویسی جاوااسکریپت-جلسه سی و دوم

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 document.documentElement document.embeds document.forms document.head document.images

آموزش برنامه نویسی جاوااسکریپت-جلسه سی ام

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