js调用屏幕宽度的简单方法
2015-11-19 00:00
435 查看
如下所示:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body><html> <script> function a(){ document.write( "屏幕分辨率为:"+screen.width+"*"+screen.height +"<br />"+ "屏幕可用大小:"+screen.availWidth+"*"+screen.availHeight +"<br />"+ "网页可见区域宽:"+document.body.clientWidth +"<br />"+ "网页可见区域高:"+document.body.clientHeight +"<br />"+ "网页可见区域宽(包括边线的宽):"+document.body.offsetWidth +"<br />"+ "网页可见区域高(包括边线的宽):"+document.body.offsetHeight +"<br />"+ "网页正文全文宽:"+document.body.scrollWidth +"<br />"+ "网页正文全文高:"+document.body.scrollHeight +"<br />"+ "网页被卷去的高:"+document.body.scrollTop +"<br />"+ "网页被卷去的左:"+document.body.scrollLeft +"<br />"+ "网页正文部分上:"+window.screenTop +"<br />"+ "网页正文部分左:"+window.screenLeft +"<br />"+ "屏幕分辨率的高:"+window.screen.height +"<br />"+ "屏幕分辨率的宽:"+window.screen.width +"<br />"+ "屏幕可用工作区高度:"+window.screen.availHeight +"<br />"+ "屏幕可用工作区宽度:"+window.screen.availWidth ); } </script> <body onload="a()" > </body> </html> </body> </html>
以上就是小编为大家带来的js调用屏幕宽度的简单方法全部内容了,希望大家多多支持脚本之家~
您可能感兴趣的文章:
相关文章推荐
- Extjs4.0 最新最全视频教程
- Javascript中toFixed方法的改进
- 5个常见可用性错误和解决方案
- js可突破windows弹退效果代码
- JSP脚本漏洞面面观
- Js获取电脑屏幕的颜色色彩品质(16位或32位)
- C#实现简单屏幕监控的方法
- 使用BAT一句话命令实现快速合并JS、CSS
- js显示当前星期的起止日期的脚本
- C#利用Windows自带gdi32.dll实现抓取屏幕功能实例
- 爆炸式的JS圆形浮动菜单特效代码
- js select常用操作控制代码
- JS实现不使用图片仿Windows右键菜单效果代码
- 从jsp发送动态图像
- 原生js结合html5制作小飞龙的简易跳球
- js 页面模块自由拖动实例
- js实现小鱼吐泡泡在页面游动特效
- js 提交和设置表单的值
- Android保持屏幕常亮唤醒状态的方法
- Android改变手机屏幕朝向的方法