可视窗口的HTML DOM宽度高度

前端之家收集整理的这篇文章主要介绍了可视窗口的HTML DOM宽度高度前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何在浏览器中打开可用空间的当前高度和宽度.

我不想要整个文档的高度,只是屏幕上显示内容.

解决方法

你可以看看这个 blog post看看这个方法.

简而言之就是给代码

function alertSize() {
    var myWidth = 0,myHeight = 0;
    if(typeof(window.innerWidth) == 'number') {
        // Non-IE
        myWidth = window.innerWidth;
        myHeight = window.innerHeight;
    } 
    else if(document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
        // IE 6+ in 'standards compliant mode'
        myWidth = document.documentElement.clientWidth;
        myHeight = document.documentElement.clientHeight;
    } 
    else if(document.body && (document.body.clientWidth || document.body.clientHeight)) {
        // IE 4 compatible
        myWidth = document.body.clientWidth;
        myHeight = document.body.clientHeight;
    }

    window.alert( 'Width = ' + myWidth );
    window.alert( 'Height = ' + myHeight );
}

还需要注意的是,大多数js框架(jquery,ext,prototype)将为此提供一个功能(IMHO).

在jQuery中:

$(window).width();
$(window).height();
原文链接:https://www.f2er.com/html/231233.html

猜你在找的HTML相关文章