AAA Главная
Примеры PHP Примеры JavaScript Примеры Ajax Примеры CSS,HTML

Определение размеров видимой части страницы

Размер видимой части страницы можно определить при помощи следующих двух функций:

Исходный код этого примера:

<script type="text/javascript"><!--
// Определение высоты видимой части страницы
function windowHeight() {
	var de = document.documentElement;
	return self.innerHeight || ( de && de.clientHeight ) || document.body.clientHeight;
}
// Определение ширины видимой части страницы
function windowWidth() {
	var de = document.documentElement;
	return self.innerWidth || ( de && de.clientWidth ) || document.body.clientWidth;
}
document.write("<h4>Размер: "+windowWidth()+" x "+windowHeight()+"</h4>");

//--></script>


Gecko-браузеры и Opera имеют свойства innerWidth и innerHeight для объекта window, поэтому сначала производится проверка этого значения. Далее производится проверка свойства document.documentElement.clientWidth, которое имеется во многих броузерах и IE6 в режиме Strict. Если предыдущие два свойства неопределены, то возвращается свойство document.body.clientWidth.


.

© Copyright 2008-2016 by KDG