Задать вопрос
@lynnikvadim
javascript

Как отпредилить размер окна браузера на javascript?

Как с помощью javascript определить размер окна браузера и потом это значение записать как стиль высоты для блока в css.
  • Вопрос задан
  • 57614 просмотров
Комментировать
Подписаться 4 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 2
@KREGI
разрешение экрана:
width=screen.width; // ширина  
height=screen.height; // высота

размер клиентской части окна браузера:
width=document.body.clientWidth; // ширина  
height=document.body.clientHeight; // высота

это значение записать как стиль высоты для блока в css

Какая цель преследуется?
document.getElementById("block").style.width= width;
document.getElementById("block").style.height= height;
Ответ написан
5 комментариев
5 комментариев
@frees2 
<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>

<script>
var w = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;

var h = window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;

var x = document.getElementById("demo");
x.innerHTML = "Browser inner window width: " + w + ", height: " + h + ".";
</script>

</body>
</html>
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36 • Воронеж
от 100 000 до 200 000 ₽
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Перерисовать логотип в векторе
22 нояб. 2024, в 00:55
500 руб./за проект
Разработка алгоритма на python (Data engineering)
21 нояб. 2024, в 23:30
300000 руб./за проект
Верстка Flutter + API
21 нояб. 2024, в 22:21
3000 руб./в час
Ещё заказы