`
accpxudajian
  • 浏览: 452080 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js获取body或屏幕的宽度大集合

阅读更多

//【转】js获取body或屏幕的宽度大集合

var     s   =   " ";
document.documentElement.scrollTop 就是滚动条距离顶部的位置(可变)
document.documentElement.scrollLef 指滚动条距离左边的位置(可变)
s   +=   "\r\n<br>网页可见区域宽: "+   document.body.clientWidth; 
s   +=   "\r\n<br>网页可见区域高: "+   document.body.clientHeight; 
s   +=   "\r\n<br>网页可见区域宽: "+   document.body.offsetWidth     + "   (包括边线的宽) "; 
s   +=   "\r\n<br>网页可见区域高: "+   document.body.offsetHeight   + "   (包括边线的宽) "; 
s   +=   "\r\n<br>网页正文全文宽: "+   document.body.scrollWidth; 
s   +=   "\r\n<br>网页正文全文高: "+   document.body.scrollHeight; 
s   +=   "\r\n<br>网页被卷去的高: "+   document.body.scrollTop; 
s   +=   "\r\n<br>网页被卷去的左: "+   document.body.scrollLeft; 
s   +=   "\r\n<br>网页正文部分上: "+   window.screenTop; 
s   +=   "\r\n<br>网页正文部分左: "+   window.screenLeft; 
s   +=   "\r\n<br>屏幕分辨率的高: "+   window.screen.height; 
s   +=   "\r\n<br>屏幕分辨率的宽: "+   window.screen.width; 
s   +=   "\r\n<br>屏幕可用工作区高度: "+   window.screen.availHeight+" (去掉状态栏)"; 
s   +=   "\r\n<br>屏幕可用工作区宽度: "+   window.screen.availWidth; 
//alert(s);
document.write(s);

 

 

 

 

 

 

 

 

 

 

愤怒的jser--好东西大家分享

 

分享到:
评论

相关推荐

    原生js获取浏览器窗口及元素宽高常用方法集合

    窗口可视区域宽度: document.documentElement.clientWidth || document.body.clientWidth; 窗口可视区域高度: document.documentElement.clientHeight || document.body.clientHeight; 窗口可视区域宽度+边线和...

    JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合

    因为浏览器的兼容问题,如果使用javascript获取这些数值是一个相当痛苦的过程。好在JQuery提供了简单优雅,并且兼容的解决方法。 获取浏览器和页面文档的宽度和高度 代码如下: //获取浏览器显示区域的高度 $(window)...

    javascript函数的解释

    javascript函数的解释,解释了具体函数的功能,一、函数JavaScript函数集合 1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document-&gt;html-&gt;(head,body) 4.一个浏览器窗口中的DOM顺序是:...

    JavaScript Table行定位效果

    table的border属性用来指定边框宽度,table特有的frame属性是用来设置或获取表格周围的边框显示的方式。 w3c的tabel的frame部分说明frame可以是以下值: void: No sides. This is the default value. above: The ...

    IBM WebSphere Portal门户开发笔记01

    25、部署的PORTLET字体样式(或其他样式)受到BODY等大容器继承样式的影响 132 26、EJPAS0012E: 属性页面已启动(不带任何上下文信息) 133 27、详细内容页面展现的BODY内容间隙太大 134 28、修改默认应用编写模板 ...

    ymprompt消息提示组件4.0【js插件弹出框美化版】

    如:&lt;script type="text/javascript" src="ymPrompt.js"&gt;&lt;/script&gt; 2、在页面中引入对应的皮肤文件的CSS,如: 3、自定义组件的默认配置信息(此步骤可选,该方法可以在任意时间调用) 页面的js中通过ymPrompt....

    jQuery详细教程

    &lt;script type="text/javascript" src="/jquery/jquery.js"&gt; &lt;script type="text/javascript"&gt; $(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); }); &lt;body&gt; &lt;p&gt;If you click on ...

    46种常见的浏览器兼容性问题大汇总

    9. 集合类对象问题 3 10. 自定义属性问题 3 11. input.type属性问题 3 12. event.srcElement问题 3 13. body载入问题 3 14. 事件委托方法 3 15. Table操作问题 3 16. 对象宽高赋值问题 3 Ø CSS 3 1. ...

    fckeditor2.6.3 完整版

    &lt;script type="text/javascript" src="/fckeditor/fckeditor.js"&gt; 其中路径是可更改的 2,现在,FCKEDITOR类已经可以使用了.有两个方法在页面中建立一个FCKEDITOR编辑器: 方法1:内联方式(建议使用):在页面的FORM标记内...

    FCKeditor RedFishX配置版

    红鱼X提供的FCKeditor。... 600为宽度 400为高度 “redfishx”为自定义的工具栏集合名称。 &lt;br&gt;redfishx是一个精简的工具栏,包含大部分常用功能,建议您直接使用。 &lt;br&gt;2007-8-14

    FCKeditor RedFishX配置版 1.1

    600为宽度 400为高度 “redfishx”为自定义的工具栏集合名称。 &lt;br&gt;redfishx是一个精简的工具栏,包含大部分常用功能,建议您直接使用。 &lt;br&gt;为了让FCKEditor更好地为我们所用,以后我会亲自编写...

    jQuery模仿ExtJS之TabPanel最新

    页面引入jQuery.js、TabPanel.js、Fader.js、TabPanel.css new TabPanel({ renderTo:'tabs', width: '100%', height: '500px', active: 0, items: [{ title:'工作中心', ...

    ExtAspNet_v2.3.2_dll

    -修正了在Grid的PageIndexChange事件中不能获取SelectedRowIndexArray属性的BUG(feedback:Violet)。 -Button控件将不再自动拥有display:inline属性,如果希望两个按钮在一行显示,请为第一个按钮设置CssStyle=...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -修正了在Grid的PageIndexChange事件中不能获取SelectedRowIndexArray属性的BUG(feedback:Violet)。 -Button控件将不再自动拥有display:inline属性,如果希望两个按钮在一行显示,请为第一个按钮设置CssStyle=...

    fckedit编辑器

    2.script脚本语言调用 (必须引用 脚本文件 &lt;script type="text/javascript" src="/TestFCKeditor/FCKeditor/fckeditor.js"&gt;&lt;/script&gt; ) 3.FCKeditor API 调用 (必须加头文件 *" %&gt; ) --%&gt; //标签调用方式 ...

    出现问题a is defined高手帮忙

    &lt;script type="text/javascript"&gt; //实现框选放大缩小功能 function DragZoomControl(opts_boxStyle, opts_other, opts_callbacks) { this.globals = { draggingOn: false, cornerTopDiv: null, ...

Global site tag (gtag.js) - Google Analytics