Я пытаюсь обнаружить текущий размер браузера (ширина и высота). Я знаю, что это супер легко в jQuery с $(document).width and $(document).height
, но я не хочу добавлять размер lib jQuery к проекту, таким образом, я просто использовал бы созданный в JavaScript. Каков был бы короткий и эффективный способ сделать то же самое с JavaScript?
// first get the size from the window
// if that didn't work, get it from the body
var size = {
width: window.innerWidth || document.body.clientWidth,
height: window.innerHeight || document.body.clientHeight
}
Попробуйте это;
<script type="text/javascript">
winwidth=document.all?document.body.clientWidth:window.innerWidth;
winHeight=document.all?document.body.clientHeight:window.innerHeight;
alert(winwidth+","+winHeight);
</script>
function getWindowSize(){
var d= document, root= d.documentElement, body= d.body;
var wid= window.innerWidth || root.clientWidth || body.clientWidth,
hi= window.innerHeight || root.clientHeight || body.clientHeight ;
return [wid,hi]
}
Браузеры IE - единственные, которые не используют innerHeight и Width.
Но не существует «стандартных» - только браузерные реализации.
Проверьте html (document.documentElement) clientHeight перед проверкой тела - если он не равен 0, это высота «области просмотра», а body.clientHeight - это высота тела, которое может быть больше или меньше окна.
Обратный режим возвращает 0 для корневого элемента и высоты окна (области просмотра) от тела.
То же с шириной.