The HTMLCollection Object
Collection یا مجموعه برای المان هایی استفاده می شود که بخواهیم به صورت مجموعه ای همه را داشته باشیم یعنی مثلا تمام تگ های p را اگر بخواهیم شناسایی کنیم بهتر است آن را داخل متغیر collection بریزیم. که بصورت آرایه نتیجه را برمی گرداند.
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 نشون میده تو سیستم ما جاوا فعال هست یا نه.
