Отримати ширину і висоту вікна можна використовуйте властивості innerWidth і innerHeight відповідно в об’єкті глобального вікна в JavaScript. Обидві властивості повертають значення пікселів у типі Number.27 січня 2021 р
Підхід 1: Використання властивостей offsetWidth і offsetHeight: властивості offsetWidth і offsetHeight у JavaScript використовуються для отримання фактичної ширини та висоти елемента HTML. Ці властивості є частиною інтерфейсу елемента і доступні для всіх елементів HTML.
Дано HTML-документ, який працює на пристрої, і завдання полягає в тому, щоб знайти ширину робочого екрана пристрою за допомогою JavaScript. Приклад 1: у цьому прикладі використовується вікно. innerWidth щоб отримати ширину екрана пристрою. Властивість innerWidth використовується для повернення ширини пристрою.
Щоб отримати ширину вікна перегляду, включаючи вертикальну смугу прокручування (якщо вона є), все, що вам потрібно, це вікно. властивість innerWidth – властивість лише для читання, яка дає вам «внутрішню» ширину вікна перегляду в пікселях. Зверніть увагу на значення вікна. властивість innerHeight включатиме висоту горизонтальної смуги прокрутки.
Щоб отримати розміри елемента в JavaScript, ви зазвичай використовуєте такі властивості, як clientWidth, offsetWidth, або такі методи, як getBoundingClientRect().
- clientWidth і clientHeight. …
- offsetWidth і offsetHeight. …
- getBoundingClientRect() …
- вікно. …
- window.outerWidth і window.outerHeight.
Якщо у вас діагональ екранів, ви можете помножте це вимірювання на 0,872 щоб отримати ширину екрана. Ви також можете помножити діагональ на 0,49, щоб отримати висоту екрану. Потім, якщо ви хочете знайти площу екрана, помножте ширину на висоту.