JavaScript сніппет на замітку. Іноді, для деяких цілей, може знадобитися дізнатися розміри вікна браузера користувача, після чого робити які-небудь дії. Перший універсальний спосіб, працює у всіх браузерах, в тому числі і IE:
function getClientWidth(){
return document.compatMode==’CSS1Compat’ &&
!window.opera?document.documentElement.clientWidth:document.body.clientWidth;
}
function getClientHeight(){
return document.compatMode==’CSS1Compat’ &&
!window.opera?document.documentElement.clientHeight:document.body.clientHeight;
}
Вищеописані функції повертають ширину і висоту розміру вікна браузера, в якому виконується даний JS код.
Спосіб другий. Для цих цілей використовується JQuery, відповідно, потрібні функції вже прописані до нас, розробниками JQuery, нам лише залишається їх використовувати:
var browserWindow = $(window);
var width = browserWindow.width();
var height = browserWindow.height();
Сподіваюся стати в нагоді, успіхів.
Додав: htmaker, 25.08.2013 р.
(Ще не оцінили)
Завантаження…
Діліться з друзями:
См. також:
Мета тег robots, приклади використання
Рубрика: Html, CSS, Javascript, SEO
Stimed – задаємо CSS-стилі по часу
Рубрика: Html, CSS, Javascript
Небезпека використання атрибуту target=”_blank”
Рубрика: Html, CSS, Javascript, Інф. безпека
Нескінченна анімація обертання на CSS
Рубрика: Html, CSS, Javascript
Анімація обертання при наведенні курсору
Рубрика: Html, CSS, Javascript
Стилізація виділення номера телефону до мобільних браузерах
Рубрика: Html, CSS, Javascript
Список вибору на JQuery
Рубрика: Html, CSS, Javascript
Фіксований заголовок таблиці HTML
Рубрика: Html, CSS, Javascript
Ефекти кнопок для сайту
Рубрика: Html, CSS, Javascript