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

Определение кодировки страницы, разрешения экрана



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

<script type="text/javascript">
<!--
var winwidth=(window.innerWidth)?window.innerWidth:	((document.all)?document.body.offsetWidth:null);
var winheight=(window.innerHeight)?window.innerHeight:	((document.all)?document.body.offsetHeight:null);
document.writeln('<br>Текущая кодировка: ',document.defaultCharset,' <small>(document.defaultCharset)</small>');
document.writeln('<br>Разрешение экрана: ',screen.width,' x ',screen.height,' <small>(screen.width, screen.height)</small>');
document.writeln('<br>Начало рабочей области относительно экрана: ',window.screenLeft,', ',window.screenTop+' <small>(window.screenLeft, window.screenTop)</small>');
document.writeln('<br>Начало рабочей области относительно окна: ',document.body.clientLeft,', ',document.body.clientTop+' <small>(document.body.clientLeft, document.body.clientTop)</small>');
document.writeln('<br>Конец рабочей области: ',document.body.clientWidth,', ',document.body.clientHeight+' <small>(document.body.clientWidth, document.body.clientHeight)</small>');
document.writeln('<br>Свободная область экрана: ',screen.availWidth,', ',screen.availHeight+' <small>(screen.availWidth, screen.availHeight)</small>');
document.writeln('<br>Внутренний размер окна браузера: ',winwidth,', ',winheight);

docHeight=(document.body.scrollHeight > document.body.offsetHeight)?document.body.scrollHeight:document.body.offsetHeight;
document.writeln('<br>Размер документа по вертикали: ',docHeight);

docWidth=(document.body.scrollWidth > document.body.offsetWidth)?document.body.scrollWidth:document.body.offsetWidth;
document.writeln('<br>Размер документа по горизонтали: ', docWidth);

docHeight=document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientHeight:document.body.clientHeight
document.writeln('<br>Высота рабочей области окна браузера: ', docHeight);
docWidth=document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientWidth:document.body.clientWidth
document.writeln('<br>Ширина рабочей области окна браузера: ', docWidth);

/*document.writeln('<br>Координаты центра окна браузера по X и Y:', parseInt(getClientWidth()/2)+getBodyScrollLeft() , parseInt(getClientHeight()/2)+getBodyScrollTop() );*/

//-->
</script>


К сожалению, в IE этот код работает только после того, как браузер дойдет до тега BODY. Поэтому данный код можно применять только в скриптах, выполняемых ниже или в скриптах, выполняемых при возникновении тех или иных событий (наведение мышкой или нажатие на ссылку, отправка формы и т.п.).

Смотрите также пример Определение кодировки на PHP.


. Строительные материалы из пеностекла.

© Copyright 2008-2016 by KDG