Как узнать значение ширины, высоты клиентской части окна документа

@Danila00000 · Регистрация: 03.09.2015

Author24 — интернет-сервис помощи студентам

Для того чтобы узнать ширину и высоту окна браузера я использую такие команды, как document.body.clientWidth и document.body.clientHeight. Но данные команды не работают. Подскажите, пожалуйста, что я делаю не так.

Javascript

var client_w=document.body.clientWidth;
var client_h=document.body.clientHeight;
 
document.write('client_w');
document.write('client_h');

@msheal · 14.02.2018, 11:41

Danila00000, не работают потому-что в document.write('client_w') вы не убрали кавычки и выводите текст вместо цифр?

@Danila00000 · 14.02.2018, 13:45 **[ТС]**

Упс. Забыл убрать кавычки

Но не в этом проблема. Инспектор кода из Chrome ругается на clientWidth и clientHeight. Вот что он говорит: Uncaught TypeError: Cannot read property 'clientWidth' of null

@msheal · 14.02.2018, 14:47

Danila00000, значит вы пытаетесь выполнить скрипт в <head>, когда <body> еще нет. Переместите ваш скрипт перед закрытием <body> или оберните код:

Javascript

document.addEventListener("DOMContentLoaded", function(){
var client_w=document.body.clientWidth;
var client_h=document.body.clientHeight;
 
document.write('client_w');
document.write('client_h');
});

@Danila00000 · 14.02.2018, 17:37 **[ТС]**

msheal, спасибо за объяснение)) У меня все заработало)

@msheal 707 / 309 / 191 Регистрация: 05.03.2015 Сообщений: 822
	14.02.2018, 11:41	2
	Danila00000, не работают потому-что в `document.write('client_w')` вы не убрали кавычки и выводите текст вместо цифр? 0

@Danila00000 0 / 0 / 0 Регистрация: 03.09.2015 Сообщений: 35
	14.02.2018, 13:45 [ТС]	3
	Упс. Забыл убрать кавычки Но не в этом проблема. Инспектор кода из Chrome ругается на clientWidth и clientHeight. Вот что он говорит: Uncaught TypeError: Cannot read property 'clientWidth' of null 0

@Danila00000 0 / 0 / 0 Регистрация: 03.09.2015 Сообщений: 35
	14.02.2018, 17:37 [ТС]	5
	msheal, спасибо за объяснение)) У меня все заработало) 0

Как узнать значение ширины, высоты клиентской части окна документа

Решение