Размер ширины окна в JavaScript
Подробно о ширине окна в javascript
- Вывести с помощью clientWidth ширину body
- innerWidth — внутренняя ширина окна.
- outerWidth — наружная ширина окна.
- screen.width и screen.availWidth - ширина экрана
Вывести с помощью clientWidth ширину body
Предположим, что нам требуется найти текущую ширину окна, которое занимает тег "body"
Для этого мы можем воспользоваться свойством:
Для "body" эта конструкция будет выглядеть так:
document.body.clientWidth
Далее нам потребуется как-то вывести результат работы "clientWidth" - это document.write
После этого соберем весь код вместе добавим туда еще и "script"
Результат получения ширины, которое занимает body:
Разместим выше приведенный пример прямо здесь.
Как мы здесь видим, что ширина body прекрасно определилась !
Пусть это будет div добавим id + style + width и border и получим:
Далее script + getElementById("is_id")
innerWidth — внутренняя рабочая часть окна.
Как мы будем использовать "innerWidth" - для определения внутренней ширины окна браузера.
Нам понадобится:
Тег script, внутрь помещаем document.write и уже во внутрь "innerWidth"
Соберем эту всю конструкцию вместе:
Как мы видим из результата, "innerWidth" получил ширину внутреннюю окна браузера.
Использование innerWidth для определения ширины другого элемента на сайте
Как я не пытался использовать "innerWidth" через чистый "javascript" для того, чтобы узнать ширину другого объекта - увы, у меня не получилось!
Мы можем использовать innerWidth() в jQuery
Выше мы уже использовали этот div и его же и будем использовать.
Не забываем, что нужно подключить jquery
Получаем объект - это равносильно "document.getElementById("is_id")"
Далее добавляем :
И чтобы вывести результат :
document.write
Соберем весь код получения ширины блока через innerWidth() в jQuery
<div id="is_id" style="width:500px; border: 1px solid">Здесь текст </div>
<script> document.write( $( "#is_id" ).innerWidth() ) ;</script>
Результат выведем прямо здесь:
outerWidth — наружная ширина окна.
outerWidth - отличается от выше приведенного пункта тем, что это свойство определяет ширину наружного блока.
Проделаем абсолютно те же действия, что и в предыдущем пункте только заменим "innerWidth" на "outerWidth"
Результат:
outerWidth() в jQuery
Также меняем "innerWidth" на "outerWidth"
screen.width и screen.availWidth - ширина экрана
К 4 пункту... я как-то притомился..., но у нас остались еще "screen.width" и screen.availWidth
screen.width — разрешение экрана по горизонтали.
Результат:
screen.availWidth — доступная область эркана для окон. Не учитывает служебные панели операционной системы, например, панель задач в Windows.
Результат:
ширина javascript
ширина окна javascript
javascript ширина экрана
ширина элемента javascript
javascript получить ширину
ширина браузера javascript
javascript ширина окна браузера
поиск в ширину javascript
как узнать ширину окна браузера javascript
javascript изменить ширину asyncfileupload
как получить ширину экрана javascript
javascript ширина элемента в пикселях

подробнее.
подробнее.