`

网页宽度

    博客分类:
  • Js
阅读更多


在网页中通过javascript获得当前页面或窗口的各个宽度高度
 s = "网页可见区域宽:"+ document.body.clientWidth;  s += "\r\n网页可见区域高:"+ document.body.clientHeight;
 s += "\r\n网页可见区域高:"+ document.body.offsetWeight +" (包括边线的宽)";
 s += "\r\n网页可见区域高:"+ document.body.offsetHeight +" (包括边线的宽)";
 s += "\r\n网页正文全文宽:"+ document.body.scrollWidth;
 s += "\r\n网页正文全文高:"+ document.body.scrollHeight;  s += "\r\n网页被卷去的高:"+ document.body.scrollTop;
 s += "\r\n网页被卷去的左:"+ document.body.scrollLeft;
 s += "\r\n网页正文部分上:"+ window.screenTop;
 s += "\r\n网页正文部分左:"+ window.screenLeft;
 s += "\r\n屏幕分辨率的高:"+ window.screen.height;
 s += "\r\n屏幕分辨率的宽:"+ window.screen.width;
 s += "\r\n屏幕可用工作区高度:"+ window.screen.availHeight;
 s += "\r\n屏幕可用工作区宽度:"+ window.screen.availWidth;

 


 

 

分享到:
评论

相关推荐

    1024下网页宽度标准

    ### 1024下网页宽度标准:950px/960px 的魔力 在探讨网页设计的过程中,一个被广泛讨论的话题是网页的宽度标准,尤其是在屏幕分辨率较为普遍的1024x768像素下,网页设计师们通常会面临一个问题:应该将网页设计成多...

    自适应网页宽度的js焦点图左右切换特效.rar

    【自适应网页宽度的js焦点图左右切换特效】是一种常见的网页设计元素,它通常用于展示一组图片或内容,用户可以通过点击或自动轮换来浏览。在本案例中,这个特效是利用jQuery库实现的,jQuery是一个广泛使用的...

    自适应网页宽度jquery焦点图.zip

    在网页设计中,"自适应网页宽度jquery焦点图"是一个重要的技术实现,它结合了jQuery、HTML5、CSS和JavaScript等技术,旨在提供一个能够自动调整大小以适应不同设备屏幕的图片轮播功能。这样的设计使得网站在各种屏幕...

    自适应网页宽度jQuery焦点图代码

    自适应网页宽度的jQuery焦点图是一种常见的网页设计技术,它能根据用户浏览器窗口的大小自动调整图片轮播的尺寸,确保在不同设备上都能展示出良好的视觉效果。jQuery库是JavaScript的一个轻量级、高性能的扩展,使得...

    jquery全屏图片切换自适应网页宽度的焦点图代码

    jquery全屏图片切换自适应网页宽度的焦点图代码 jquery全屏图片切换自适应网页宽度的焦点图代码 jquery全屏图片切换自适应网页宽度的焦点图代码 jquery全屏图片切换自适应网页宽度的焦点图代码

    目前网页设计的标准宽度

    网页设计是构建网站视觉体验的关键环节之一,而网页宽度的选择则直接影响到用户的浏览体验。随着互联网技术的发展及用户设备多样性的增加,网页设计的标准宽度也在不断变化。 ### 一、网页设计宽度的重要性 1. **...

    最佳网页宽度及其兼容实现方法

    在网页设计中,确定最佳网页宽度是一个至关重要的环节,因为它直接影响到用户的浏览体验。随着设备种类的多样化,从手机到大型显示器,各种屏幕分辨率的用户都有。以jb51.net为例,该网站的访问者使用了81种不同的...

    网页宽度自动适应手机屏幕宽度的实现代码(viewport)

    网页宽度自动适应手机屏幕宽度是移动网页开发中的一个重要概念,旨在提供良好的用户体验,无论用户使用的设备屏幕尺寸如何。这一功能的实现主要依赖于HTML中的`<meta>`标签,特别是`viewport`属性。`viewport`是网页...

    屏幕分辨率与网页设计尺寸

    2. 网页宽度:网页宽度是指网页的水平方向的尺寸大小。在设计网页时,需要考虑到不同的屏幕分辨率和网页宽度,以确保网页在不同的屏幕上都能正常显示。 3. 网页高度:网页高度是指网页的垂直方向的尺寸大小。在设计...

    css样式限制、防止表格被连续英文字母拉长及控制大图片的网页宽度

    限制、防止表格被连续英文字母拉长  标记中<table xss=removed> 这句话的意思就是将表格定位,不管里面有多少内容,... 控制大图片的网页宽度 复制代码代码如下: .div1{margin: auto;width: 600px;} .div1 img{max-wi

    网页设计中对于尺寸的设定

    但宽度的设定更为关键,因为它直接影响网页内容的排列和阅读体验。在不同浏览器下,宽度计算方式略有不同: 1. IE6.0会将显示器分辨率减去21像素,例如1024的分辨率会变为1003像素。同时,无论网页内容多高,IE6.0...

    手机网站利用DPI自动适应宽度-手机宽度自适应

    "手机网站利用DPI自动适应宽度-手机宽度自适应"这个标题所提及的,是一种利用设备像素比(DPI)来实现网页宽度自动适应手机屏幕的方法。这种方法允许网页在不同尺寸和分辨率的手机上都能保持良好的显示效果,无需...

    淘宝首页全屏轮播代码 1680宽度

    总结来说,"淘宝首页全屏轮播代码 1680宽度"这个主题涵盖了HTML布局、CSS样式设计、JavaScript编程以及用户交互等多个方面,是网页设计中一个典型的综合实践案例。通过理解和应用这些知识点,开发者可以创建出既美观...

    最佳网页实现

    ### 最佳网页宽度及其兼容性实现 #### 一、引言 随着科技的进步与互联网的普及,用户访问网站的方式越来越多样化。从智能手机到平板电脑,再到各种尺寸的台式机显示器,不同设备间的屏幕分辨率差异巨大。这为网页...

    7个步骤让PC网站自动适配手机网页.pdf

    1. 允许网页宽度自动调整:在网页代码的头部,加入一行viewport元标签,以实现网页宽度的自动调整。viewport是网页默认的宽度和高度,可以设置网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例...

    网页布局设计.pptx

    目前,主流显示器的分辨率如图3-1所示,因此,可将网页宽度设置为1 920、1 600、1 440、1 280、1 140、990等像素。 网页布局的类型很多,下面简要介绍一些常见布局类型。 国字型网页布局通常被门户、购物类等内容...

    网页应该设计为多少像素才合适?

    许多的网页设计在进行网页布局设计时,进行界面网页的宽度尺寸设计都比较迷茫,800*600尺寸及1024*768尺寸的分辨率下,网页应该设计为多少像素才合适呢?...网页设计标准尺寸:1、800*600下,网页宽度保持

    网页尺寸参考t.pdf

    例如,在IE6.0下,网页宽度通常是显示器分辨率减去21像素,如1024分辨率会变成1003像素。Firefox则减去19像素,变为1005像素;Opera则减去23像素,变为1001像素。为了确保兼容性,有时会选择设定得稍小一些,比如...

Global site tag (gtag.js) - Google Analytics