Задача:
Определить размеры окна (разрешение в пикселях)
Решение:
Для начала напишем функцию, благодоря которой мы съэкономим массу времени при дальнейшем поиске ссылок на элемент:
| Код |
// Глобальные переменные
var isCSS, isW3C, isIE4, isNN4, isIE6CSS;
// функция инициализации
// это обязательно нужно инициализировать ПОСЛЕ загрузки
// страницы, чтобы документ успел сформировать свое содержимое
function initAPI() {
if (document.images) {
isCSS = (document.body && document.body.style) ? true : false;
isW3C = (isCSS && document.getElementById) ? true : false;
isIE4 = (isCSS && document.all) ? true : false;
isNN4 = (document.layers) ? true : false;
isIE6CSS = (document.compatMode && document.compatMode.indexOf("CSS1") >= 0) ? true : false;
}
}
// собственно инициализируем этот API
window.onload = initAPI;
// получаем строку с именем объекта или ссылку на него
function getObject(obj) {
var theObj;
if (typeof obj == "string") {
if (isW3C) {
theObj = document.getElementById(obj);
} else if (isIE4) {
theObj = document.all(obj);
} else if (isNN4) {
theObj = document.layers(obj).document;
}
} else {
theObj = obj;
}
return theObj;
}
|
Далее определяем ширин/высоту окна браузера:
| Код |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE>© AlianceHTMLEditor [ http://editor.sut.net.ru/editor.html ]</TITLE>
<script type="text/javascript" language="JavaScript">
<!--//--><![CDATA[//><!--
var x,y;
// общий синтаксис
if (self.innerHeight) {
x = self.innerWidth;
y = self.innerHeight;
// IE 6 Strict Mode
} else if (document.documentElement && document.documentElement.clientHeight) {
x = document.documentElement.clientWidth;
y = document.documentElement.clientHeight;
// Остальные версии IE
} else if (document.body) {
x = document.body.clientWidth;
y = document.body.clientHeight;
}
alert("Ширина: "+x+"\nВысота: "+y);
//--><!]]>
</SCRIPT>
</HEAD>
<BODY>
контент
</BODY>
</HTML>
|
Полезно: http://www.quirksmode.org/viewport/compatibility.html
Добавлено @ 20:06
Определяем разрешение монитора:
| Код |
alert("Размер экрана составляет: "+screen.width+" - "+screen.height+"px");
|
|
