火狐怎么通过js获取屏幕的宽度

获取屏幕宽度为：windowscreenwidth

获取视口宽度（页面宽度）：documentdocumentElementclientWidth

                windowaddEventListener('resize', function() {

                    consoleinfo( documentdocumentElementclientWidth);

                    consoleinfo( windowscreenwidth );

                });

<script> windowonload = function(){ // 获取屏幕高度 documentdocumentElementclientHeight consolelog(documentdocumentElementclientHeight); // 获取屏幕宽度 documentdocumentElementclientWidth consolelog(documentdocumentElementclientWidth); }</script>

屏幕的长宽就是屏幕的分辨率，用下面的代码实现，每句后面已添加注释

Dim x As Integer, y As Integer '定义2个整数型变量

x = ScreenWidth / ScreenTwipsPerPixelX '获取屏幕宽度

y = ScreenHeight / ScreenTwipsPerPixelY '获取屏幕高度

上面是vb的语法

下面是VbNet的语法：

Dim x, y As Long '定义2个整数型变量

x = ScreenPrimaryScreenBoundsWidthToString '获取屏幕宽度

y = ScreenPrimaryScreenBoundsHeightToString '获取屏幕高度

GetSystemMetrics(SM_CXSCREEN) //获取屏幕宽度

GetSystemMetrics(SM_CYSCREEN)//获取屏幕高度

ps：默认单位是像素

经常发现在写JavaScript的时候，都需要用到网页、浏览器或屏幕的高度和宽度来解决布局定位的问题，时常前用后忘，要不就是在网上search，干脆自己总结一下，这样也方便再次使用，省时省力。

网页可见区域宽：documentbodyclientWidth

网页可见区域高：documentbodyclientHeight

网页可见区域宽：documentbodyoffsetWidth

(包括边线的宽)

网页可见区域高：documentbodyoffsetHeight

(包括边线的宽)

网页正文全文宽：documentbodyscrollWidth

（带滚动条宽）

网页正文全文高：documentbodyscrollHeight

（带滚动条高）

网页被卷去的高：documentbodyscrollTop

网页被卷去的左：documentbodyscrollLeft

网页正文部分上：windowscreenTop

网页正文部分左：windowscreenLeft

屏幕分辨率的高：windowscreenheight

屏幕分辨率的宽：windowscreenwidth

屏幕可用工作区高度：windowscreenavailHeight

屏幕可用工作区宽度：windowscreenavailWidth

HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth

scrollHeight:

获取对象的滚动高度。

scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离

scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离

scrollWidth:获取对象的滚动宽度

offsetHeight:获取对象相对于版面或由父坐标

offsetParent

属性指定的父坐标的高度

offsetLeft:获取对象相对于版面或由

offsetParent

属性指定的父坐标的计算左侧位置

offsetTop:获取对象相对于版面或由

offsetTop

属性指定的父坐标的计算顶端位置

eventclientX

相对文档的水平座标

eventclientY

相对文档的垂直座标

eventoffsetX

相对容器的水平坐标

eventoffsetY

相对容器的垂直坐标

documentdocumentElementscrollTop

垂直方向滚动的值

eventclientX+documentdocumentElementscrollTop

相对文档的水平座标+垂直方向滚动的量

IE，FireFox

差异如下：

IE60、FF106+：

复制代码

代码如下:

clientWidth

=

width

+

padding

clientHeight

=

height

+

padding

offsetWidth

=

width

+

padding

+

border

offsetHeight

=

height

+

padding

+

border

IE50/55：

复制代码

代码如下:

clientWidth

=

width

-

border

clientHeight

=

height

-

border

offsetWidth

=

width

offsetHeight

=

height

总结：关于高度和宽度的东西到是挺多的，具体的有些自己也没有弄懂，通过自己试验了一下，有些得出的值是一样，所以很让人迷惑，只能视情况而定了。

// 获取屏幕宽高（方法1）

int screenWidth = getWindowManager()getDefaultDisplay()getWidth(); // 屏幕宽（像素，如：480px）

int screenHeight = getWindowManager()getDefaultDisplay()getHeight(); // 屏幕高（像素，如：800p）

Loge(TAG + " getDefaultDisplay", "screenWidth=" + screenWidth + "; screenHeight=" + screenHeight);

// 获取屏幕密度（方法2）

DisplayMetrics dm = new DisplayMetrics();

dm = getResources()getDisplayMetrics();

float density = dmdensity; // 屏幕密度（像素比例：075/10/15/20）

int densityDPI = dmdensityDpi; // 屏幕密度（每寸像素：120/160/240/320）

float xdpi = dmxdpi;

float ydpi = dmydpi;

Loge(TAG + " DisplayMetrics", "xdpi=" + xdpi + "; ydpi=" + ydpi);

Loge(TAG + " DisplayMetrics", "density=" + density + "; densityDPI=" + densityDPI);

screenWidth = dmwidthPixels; // 屏幕宽（像素，如：480px）

screenHeight = dmheightPixels; // 屏幕高（像素，如：800px）

Loge(TAG + " DisplayMetrics(111)", "screenWidth=" + screenWidth + "; screenHeight=" + screenHeight);

// 获取屏幕密度（方法3）

dm = new DisplayMetrics();

getWindowManager()getDefaultDisplay()getMetrics(dm);

density = dmdensity; // 屏幕密度（像素比例：075/10/15/20）

densityDPI = dmdensityDpi; // 屏幕密度（每寸像素：120/160/240/320）

xdpi = dmxdpi;

ydpi = dmydpi;

Loge(TAG + " DisplayMetrics", "xdpi=" + xdpi + "; ydpi=" + ydpi);

Loge(TAG + " DisplayMetrics", "density=" + density + "; densityDPI=" + densityDPI);

int screenWidthDip = dmwidthPixels; // 屏幕宽（dip，如：320dip）

int screenHeightDip = dmheightPixels; // 屏幕宽（dip，如：533dip）

Loge(TAG + " DisplayMetrics(222)", "screenWidthDip=" + screenWidthDip + "; screenHeightDip=" + screenHeightDip);

screenWidth = (int)(dmwidthPixels density + 05f); // 屏幕宽（px，如：480px）

screenHeight = (int)(dmheightPixels density + 05f); // 屏幕高（px，如：800px）

Loge(TAG + " DisplayMetrics(222)", "screenWidth=" + screenWidth + "; screenHeight=" + screenHeight);

123456789windowonload=function(){//获取屏幕高度documentdocumentElementclientHeightconsolelog(documentdocumentElementclientHeight);//获取屏幕宽度documentdocumentElementclientWidthconsolelog(documentd

以上就是关于火狐怎么通过js获取屏幕的宽度全部的内容，包括:火狐怎么通过js获取屏幕的宽度、怎样用 JavaScript 准确获取手机屏幕的宽度和高度、vb 中怎么获取屏幕的长宽啊等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！