`

Javascript获得屏幕长度宽度

阅读更多
网页可见区域宽  document.body.clientWidth 
网页可见区域高  document.body.clientHeight 
网页可见区域宽(包括边线的宽)  document.body.offsetWidth 
网页可见区域高(包括边线的宽)  document.body.offsetHeight 
网页正文全文宽  document.body.scrollWidth 
网页正文全文高  document.body.scrollHeight 
网页被卷去的高  document.body.scrollTop 
网页被卷去的左  document.body.scrollLeft 
网页正文部分上  window.screenTop 
网页正文部分左  window.screenLeft 
屏幕分辨率的高  window.screen.height 
屏幕分辨率的宽  window.screen.width 
屏幕可用工作区高度  window.screen.availHeight 
屏幕可用工作区宽度  window.screen.availWidth
分享到:
评论

相关推荐

    100个直接可以拿来用的JavaScript实用功能代码片段(1-10)

    40、原生JavaScript获取移动设备屏幕宽度 41、原生JavaScript完美判断是否为网址 42、原生JavaScript根据样式名称检索元素对象 43、原生JavaScript判断是否以某个字符串开头 44、原生JavaScript判断是否以某个字符串...

    js获取input长度并根据页面宽度设置其大小及居中对齐

    在JavaScript中,动态地获取输入框(input)的长度,并根据页面宽度来调整其尺寸以及实现居中对齐,是一项常见的前端布局任务。这有助于创建响应式的用户界面,确保元素在不同屏幕尺寸下都能良好展示。以下将详细...

    超出页面宽度部分的菜单栏转为下拉列表.zip

    当一个横向菜单或列表的长度超过浏览器的可视区域宽度时,为了保持用户体验的友好性,需要采取措施来处理这种情况。"超出页面宽度部分的菜单栏转为下拉列表"是一个有效的解决方案,它将无法在一行内显示的菜单项转换...

    计算字符串宽度

    这个宽度不同于字符串的字符数量或长度,因为不同字符的宽度可能不同,比如英文的字母和数字通常比中文字符窄,而某些特殊字符可能更宽。 字符串宽度的计算涉及以下几个关键知识点: 1. **字体**:字体决定了字符...

    javascript获取网页各种高宽及位置的方法总结.docx

    ### JavaScript 获取网页各种高宽及位置的方法总结 #### 屏幕尺寸相关属性 - **`screen.width`**:表示屏幕的宽度(以像素为单位)。 - **`screen.height`**:表示屏幕的高度(以像素为单位)。 - **`screen....

    移动端响应式布局解决方案JavaScriptREM

    为了解决这个问题,我们可以利用JavaScript动态计算根元素的字体大小,使其根据屏幕宽度平滑地调整。 以下是一个简单的JavaScript实现步骤: 1. 创建一个函数,该函数接受屏幕宽度作为参数。 2. 根据屏幕宽度设定...

    easyui datagrid标题列宽度自适应

    自动宽度则是根据列头文本的长度自动调整;而自适应宽度则是在窗口大小变化时,让列宽自动调整以适应内容或窗口尺寸。 描述中提到的“标题列宽度自适应”问题,通常出现在用户希望datagrid的列宽能够根据浏览器窗口...

    rem_javascript_

    例如,当屏幕宽度超过某个阈值时,可以通过JavaScript改变html元素的`font-size`属性,以适应更大的屏幕。 3. **动态计算**:JavaScript可以监听窗口的`resize`事件,每当窗口大小变化时,根据当前窗口宽度重新计算...

    CSS使用calc()获取当前可视屏幕高度的实现

    下面将详细介绍这些概念以及如何使用它们来获取并利用当前可视屏幕的高度。 首先,我们来看一下CSS3的几种相对长度单位: 1. **em**:em单位是相对于当前元素的字体大小。如果未指定元素的字体大小,它将继承父...

    手机滑屏tab菜单自适应高度,菜单内容级联滑动(tab超过屏幕宽度可自动滑动)

    在移动应用设计中,"手机滑屏tab菜单自适应高度,菜单内容级联滑动(tab超过屏幕宽度可自动滑动)"是一个重要的交互模式,主要用于优化用户在小屏幕上浏览和操作多分类内容的体验。这种设计允许用户通过水平滑动来...

    tab选项卡切换效果,tab选项卡内容宽度自适应

    在这个项目中,"tab选项卡内容宽度自适应"意味着设计者关注于使内容区域的宽度能够根据浏览器窗口大小或设备屏幕尺寸自动调整,以提供更好的用户体验。 实现这样的效果,主要涉及以下几个关键知识点: 1. HTML ...

    jQuery(js)获取文字宽度(显示长度)示例代码

    总结来说,使用 jQuery 获取文字宽度的方法是一种巧妙的技巧,通过创建一个隐藏的 DOM 元素,配合 CSS 样式和 JavaScript 的 DOM 操作,可以有效地计算出文本在屏幕上的视觉宽度。这种方法对于网页开发者来说,提供...

    javascript常用代码大全.doc

    - 使用 `window.open` 创建一个新的窗口,设置其尺寸为屏幕可用宽度和高度减去20像素,以实现全屏效果。 3. XML处理: - `initialize` 函数展示了如何使用ActiveXObject处理XML和XSLT,将XML文档转换成HTML并将其...

    个性化Select,长宽可自适应

    可以使用媒体查询(`@media`)来根据屏幕尺寸调整Select的大小和样式,比如在小屏设备上可以设置Select的宽度为100%,以适应全屏显示。 此外,如果希望Select的高度也能够自适应,可能需要借助JavaScript进行动态计算...

    jquery输入框随输入字符长度自动增长

    2. **获取字符长度**:在`keyup`事件的回调函数中,我们可以使用`val().length`来获取输入框内文本的字符数。 ```javascript $("#inputField").on('keyup', function() { var charCount = $(this).val().length; ...

    javascript音乐播放器(可二次开发)

    例如,使用JavaScript动态修改元素的CSS属性来改变进度条的长度,或者在播放/暂停按钮上应用不同的图标。 4. 音乐库管理 如果播放器需要支持多首歌曲,那么就需要一个音乐库管理机制。这可能涉及到JSON格式的歌曲...

    javascript经典程序

    这里通过获取屏幕可用宽度和高度来设置弹窗的大小和位置,这通常是为了确保弹窗能够在不同尺寸的屏幕上正确显示。 ##### XML 处理 文件中还提到了如何使用JavaScript来加载和处理XML文件: ```javascript ...

    程序天下:JavaScript实例自学手册

    14.9 获取字符串型数组下标的数组长度 14.10 用JavaScript实现数组排序 14.11 数字千分位函数 14.12 读写Cookie的函数 14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript...

Global site tag (gtag.js) - Google Analytics