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

The HTMLCollection Object

const myCollection = document.getElementsByTagName(“p”);

در این صورت اگر بخواهیم به عناصر دسترسی داشته باشیم با استفاده از جایگاه هر عنصر به آن دسترسی پیدا می کنیم.

myCollection[1]

برای این که بدانیم داخل یک مجموعه چند عنصر داریم از ویژگی length استفاده می کنیم. مثلا اگر بخواهیم تمام عناصر یک مجموعه یک رنگ مشخص داشته باشد با استفاده از این ویژگی و تعریف یک حلقه می توانیم این کار را انجام دهیم.

پیشنهاد ویژه: آموزش جاوااسکریپت

The HTML DOM NodeList Object

نیز برای شناسایی عناصراستquerySelectorAll()متد

تفاوت nodelist با  htmlcollectionاین هست که htmlcollection عناصر html رو برمی گرداند ولی nodelist nodeهای document رو برمی گرداند.

Js Browser BOM
Js window

Bom تاثیراتی که روی مرورگر اتفاق می افته رو بررسی میکنه.

برای تغییر سایز صفحه نمایش از window.innerwidth و window.innerHeight استفاده می کنیم.

Window Screen

اسکرین صفحه نمایش رو برمی گردونه و با توجه به دستگاه تفاوت میکنه یعنی برای موبایل با لپ تاپ تفوت میکنه . پس با این حساب تفاوت window با screen در این است که   screenبا توجه با دستگاه تغییر میکنه و Window به صفحه نمایش مربوطه .

Screen.width عرض صفحه رو برمی گردونه

Screen.height ارتفاع صفحه رو برمی گردونه

Screen.colorDepth رزولوشن رو برمی گردونه

JS Location

window.location.href  آدرس مرورگر رو برمی گردونه

window.location.hostname دامنه رو برمی گردونه

window.location.pathname مسیر اجرای صفحه رو برمی گردونه یعنی اون صفحه در حال اجرا برای کدام پوشه است.

window.location.protocol پروتکل رو برمی گرداند. پروتکل قواعدی است که برای هر وب سایتی وجود دارد. مثلا https یک قاعده برای انتقال امن داده است.

window.location.port پورتی که برای وب سایت استفاده شده رو برمی گردونه. مثلا برای cpanel  2083 برمی گردونه.

window.location.assign() با این متد در واقع document رو به یک مرورگر انتساب می دهیم. یک نوع ریدایرکت هست.

Window.History به تاریخچه مرورگر دسترسی پیدا می کنیم.

Browser Cookies

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

Window.Navigator یه سری آیتم ها رو می تونیم چک کنیم.

Navigator.cookieEnabled نشان می دهد که کوکی های یک صفحه فعال است یا نه.

Navigator.appcodeName اسم مرورگر رو که باهاش کار می کنیم برمی گردونه.

Navigator.appversion ورژن app رو برمی گردونه.

Navigator.userAgent خصوصیات سیستم و مرورگر رو برمی گردونه.

Navigator.language زبان رو نشون میده

Navigation.online نشون میده مرورگر آنلاین هست یا نه.

Navigator.javaEnabled نشون میده تو سیستم ما جاوا فعال هست یا نه.