`
wangguorui89
  • 浏览: 318247 次
  • 性别: Icon_minigender_1
  • 来自: 山西
社区版块
存档分类
最新评论

javascript 取当前各种类型窗口宽高的代码

 
阅读更多

javascript 取当前各种类型窗口宽高的代码

alert("网页可见区域宽: document.body.clientWidth:"+document.body.clientWidth);
alert("网页可见区域高: document.body.clientHeight:"+document.body.clientHeight);
alert("网页可见区域宽: document.body.offsetWidth (包括边线的宽):"+document.body.offsetWidth);
alert("网页可见区域高: document.body.offsetHeight (包括边线的高):"+document.body.offsetHeight);
alert("网页正文全文宽: document.body.scrollWidth:"+document.body.scrollWidth);
alert("网页正文全文高: document.body.scrollHeight:"+document.body.scrollHeight);
alert("网页被卷去的高: document.body.scrollTop:"+document.body.scrollTop);
alert("网页被卷去的左: document.body.scrollLeft:"+document.body.scrollLeft);
alert("网页正文部分上: window.screenTop:"+window.screenTop);
alert("网页正文部分左: window.screenLeft:"+window.screenLeft);
alert("屏幕分辨率的高: window.screen.height:"+window.screen.height);

www.phperz.com

alert("屏幕分辨率的宽: window.screen.width:"+window.screen.width);
alert("屏幕可用工作区高度: window.screen.availHeight:"+window.screen.availHeight);
alert("屏幕可用工作区宽度: window.screen.availWidth:"+window.screen.availWidth);

 

分享到:
评论

相关推荐

    JAVASCRIPT弹出窗口代码

    ### JavaScript弹出窗口代码详解 在网页开发过程中,有时我们需要创建一个新的浏览器窗口来显示特定的信息或功能,这就需要用到JavaScript中的`window.open()`方法。本文将详细介绍如何使用此方法以及其参数的意义...

    JavaScript关闭当前页面(窗口)不带任何提示

    这段代码尝试关闭当前窗口,但在IE浏览器中仍可能需要用户确认。 3. 自定义提示关闭 如果希望在关闭窗口前给用户一个自定义的提示信息,可以使用confirm方法来实现。confirm方法会显示一个带有特定消息和“确定”及...

    Javascript关闭当前窗口

    本文将详细介绍如何在JSP页面中使用JavaScript代码来直接关闭当前窗口,并且不会弹出任何提示框。 #### 二、基本语法 在JavaScript中,关闭当前窗口的基本语法是`window.close()`。这条语句可以在用户执行某些操作...

    asp.net常用的javascript弹出窗口代码

    这段代码的作用是关闭打开当前窗口的父窗口。这种情况下,当前窗口将不再与被关闭的窗口有关联。 #### 打开指定大小的新窗口 ```javascript this.Response.Write("<script language='javascript'>window.open('...

    js(javascript)子窗口和父窗口交互

    ### JavaScript 子窗口与父窗口交互详解 在前端开发中,常常会遇到需要在一个窗口(通常称为父窗口)中打开另一个窗口(子窗口)的情况。这时,如何实现这两个窗口之间的数据交互便成了一个重要的问题。根据题目...

    javascript窗口宽高,鼠标位置,滚动高度(详细解析).docx

    ### JavaScript窗口宽高、鼠标位置、滚动高度详细解析 #### 一、概述 在Web开发中,经常需要获取浏览器窗口的尺寸、鼠标的位置以及页面滚动的距离等信息。这些信息对于响应式设计、交互效果实现等方面至关重要。本...

    用浏览器打开新窗口后在父窗口中调用新窗口中的代码的方法

    当在网页中用javascript winow.open 打开一个新窗口后,是否能在父窗口中调用并执行新窗口中的代码或调取其中的元素? 答案是肯定的。 这段示例代码不但能在父窗口页面test.html中执行被打开的新窗口页面test-open...

    javascript 实现弹出小窗口

    - **核心知识点**:通过 JavaScript 代码创建一个新窗口或弹出窗口,并能够控制其大小、位置以及各种浏览器工具栏的显示与隐藏等属性。 #### 标签:弹出小窗口 - **关键词提取**:此标签表明文章的主题是围绕“弹出...

    用window.open打开新窗口后在父窗口中调用新窗口中的代码

    当在网页中用javascript winow.open 打开一个新窗口后,是否能在你窗口中调用并执行新窗口中的代码或调取其中的元素? 答案是肯定的。 这段示例代码不但能在父窗口页面test.html中执行被打开的新窗口页面test-open...

    用浏览器打开新窗口后在父窗口中调用新窗口中的代码

    当在网页中用javascript winow.open 打开一个新窗口后,是否能在父窗口中调用并执行新窗口中的代码或调取其中的元素? 答案是肯定的。 这段示例代码不但能在父窗口页面test.html中执行被打开的新窗口页面test-open...

    JAVASCRIPT弹出窗口大总结

    本文将详细介绍JavaScript中与弹出窗口相关的各种方法和属性,并提供实际开发中的应用示例。 #### 二、弹出窗口的基本方法 1. **`window.open()`**:这是创建新窗口最常用的方法。 - **语法**: ```javascript ...

    常用经典Javascript代码

    此代码段将在5秒后自动关闭当前窗口。`setTimeout`函数用于延迟执行特定的代码,这里的参数5000表示5000毫秒,即5秒。 ### 9. 页面重定向 ```html ;URL=http://网址"> ``` 这行代码用于在页面加载2秒后自动重定向...

    JavaScript经典代码大全

    JavaScript经典代码大全是一份汇集了各种JavaScript编程技巧和实用脚本的资源集合,对于学习和提升JavaScript编程技能非常有帮助。以下将详细解释其中的一些重要知识点: 1. 右键菜单控制:`oncontextmenu="window....

    玩透javascript弹出窗口

    首先,最基本的弹出窗口代码是使用`window.open`函数。例如: ```javascript <SCRIPT LANGUAGE="javascript"> <!-- window.open ('page.html') // --> ``` 这段代码会在当前页面加载时打开名为`page.html`的新窗口...

    javascript经典源代码

    这个源码可能会用到AJAX技术加载内容,同时处理各种媒体类型的兼容性问题,使用CSS和JavaScript实现弹窗的样式和交互。 3. **Lightbox 点击放大效果js代码.rar**:Lightbox是常见的图片预览技术,当用户点击图片时...

    JavaScript常用代码大全

    当用户点击“确定”按钮时调用此函数,可以设置 `window.returnValue` 来向打开该窗口的页面传递数据,然后关闭当前窗口。 #### 3. 打开新窗口 ```javascript var winWidth = screen.availWidth; var winHeight = ...

    网页设计常用Javascript经典代码

    7. **关闭当前窗口**: 当用户完成特定操作后,例如阅读完一篇文章,可以提供一个关闭窗口的选项。 8. **5秒后关闭当前页**/**2秒后载入指定网页**: 这两个功能常用于页面过渡或定时操作,例如倒计时后跳转到...

    javascript打开静态子窗口

    需要注意的是,在某些情况下,由于浏览器的安全限制,只有当子窗口是由当前窗口打开时,当前窗口才能调用 `close()` 方法来关闭它。 示例代码: ```javascript // 在子窗口中 window.close(); ``` ### 总结 通过...

    JavaScript 经典代码大全

    15. 最小化、最大化、关闭窗口:这些代码使用ActiveXObject,这是Internet Explorer特有的技术,可以用来调用Windows API来控制浏览器窗口的状态。 JavaScript在网页开发中扮演着至关重要的角色,上述代码展示了...

    javascript实现可以拖动的浮动窗口;源代码

    例如,`JavaScript X-Open 1.4`可能是一个包含各种实用JavaScript工具或组件的库,而`skyrocket`可能是一个封装了高级拖放功能的模块,包括防止越界、动画支持等。 总的来说,实现可拖动的浮动窗口涉及到JavaScript...

Global site tag (gtag.js) - Google Analytics