آموزش برنامه نویسی جاوااسکریپت-جلسه سی و ششم
توسط مریم گوهرزاد- مقالات آموزش برنامه نویسی
- آوریل 27, 2025
- 1 دقیقه زمان خواندن
- 790 بازدید
Collection یا مجموعه برای المان هایی استفاده می شود که بخواهیم به صورت مجموعه ای همه را داشته باشیم یعنی مثلا تمام تگ های p را اگر بخواهیم شناسایی کنیم بهتر است آن را داخل متغیر collection بریزیم. که بصورت آرایه نتیجه را برمی گرداند.
Table of contents [Show]
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 windowBom تاثیراتی که روی مرورگر اتفاق می افته رو بررسی میکنه.
برای تغییر سایز صفحه نمایش از 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 به تاریخچه مرورگر دسترسی پیدا می کنیم.
کوکی ها یک سری فایل های متنی کوچکی هستند که از طریق مرورگر تو صفحات کامپیوتر ما به صورت مخفیانه ذخیره می شوند. مثلا هر صفحه رفتیم و لاگین شدیم ذخیره می کند. کوکی ها با مرورگر کار می کنند و می توانند اطلاعات شخصی افراد را در سیستمشان ذخیره کنند.
Window.Navigator یه سری آیتم ها رو می تونیم چک کنیم.
Navigator.cookieEnabled نشان می دهد که کوکی های یک صفحه فعال است یا نه.
Navigator.appcodeName اسم مرورگر رو که باهاش کار می کنیم برمی گردونه.
Navigator.appversion ورژن app رو برمی گردونه.
Navigator.userAgent خصوصیات سیستم و مرورگر رو برمی گردونه.
Navigator.language زبان رو نشون میده
Navigation.online نشون میده مرورگر آنلاین هست یا نه.
Navigator.javaEnabled نشون میده تو سیستم ما جاوا فعال هست یا نه.
مریم گوهرزاد
مدرس و بنیانگذار هلدینگ آرتا رسانه. برنامه نویس و محقق حوزه بلاکچین و توسعهدهنده بلاکچین | متخصص Solidity | توسعهدهنده وب Full-Stackمن یک توسعهدهنده علاقهمند به فناوریهای بلاکچین و وب ۳ هستم و در زمینه Solidity، توسعه قراردادهای هوشمند و ساخت برنامههای غیرمتمرکز (DApps) فعالیت میکنم. تمرکز من بر طراحی و پیادهسازی راهکارهایی است که در کنار بهرهگیری از فناوریهای نوین، عملکرد مناسب، امنیت و تجربه کاربری مطلوبی ارائه دهند.در مسیر حرفهای خود، تجربه کار با قراردادهای هوشمند و معماری راهکارهای مبتنی بر بلاکچین را به دست آوردهام و همواره تلاش میکنم دانش خود را با آخرین تغییرات و پیشرفتهای این حوزه بهروز نگه دارم. برای من، بلاکچین تنها یک فناوری جدید نیست؛ بلکه بستری برای ایجاد راهکارهای متفاوت و کاربردی در دنیای واقعی است.در کنار تخصص در حوزه بلاکچین، به عنوان یک توسعهدهنده وب Full-Stack نیز در طراحی و توسعه وبسایتها و برنامههای تحت وب فعالیت میکنم. تجربه کار در بخشهای Front-End و Back-End به من این امکان را داده است که پروژهها را از مرحله ایده و طراحی تا توسعه و اجرا، با دیدی جامع دنبال کنم. در فرآیند توسعه، توجه ویژهای به کدنویسی تمیز، معماری مناسب، طراحی واکنشگرا، عملکرد مطلوب و تجربه کاربری روان دارم.همیشه به دنبال یادگیری، تجربه فناوریهای جدید و پیدا کردن راههای بهتر برای حل مسائل فنی هستم. از مواجهه با چالشهای پیچیده استقبال میکنم و معتقدم بهترین نتایج زمانی شکل میگیرند که دانش فنی، خلاقیت و همکاری مؤثر در کنار یکدیگر قرار بگیرند.اگر به دنبال همکاری در یک پروژه بلاکچینی، Web3 یا توسعه وب هستید، خوشحال میشوم با یکدیگر در ارتباط باشیم و ایدهها را به راهکارهای واقعی و قابل اجرا تبدیل کنیم.
