js调用屏幕宽度的简单方法


Posted in Javascript onNovember 14, 2016

如下所示:

<!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调用屏幕宽度的简单方法全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
Javascript与vbscript数据共享
Jan 09 Javascript
基于jquery的滚动新闻列表
Jun 19 Javascript
用JavaScript玩转游戏物理(一)运动学模拟与粒子系统
Jun 19 Javascript
基于Jquery的$.cookie()实现跨越页面tabs导航实现代码
Mar 03 Javascript
js工具方法弹出蒙版
May 08 Javascript
分享自己用JS做的扫雷小游戏
Feb 17 Javascript
jQuery简单实现title提示效果示例
Aug 01 Javascript
JS给swf传参数的实现方法
Sep 13 Javascript
微信小程序滑动选择器的实现代码
Aug 10 Javascript
解决vue cli使用typescript后打包巨慢的问题
Sep 30 Javascript
vue路由传参三种基本方式详解
Dec 09 Javascript
react国际化化插件react-i18n-auto使用详解
Mar 31 Javascript
jquery心形点赞关注效果的简单实现
Nov 14 #Javascript
JS实现自动阅读单词(有道单词本添加功能)
Nov 14 #Javascript
9个让JavaScript调试更简单的Console命令
Nov 14 #Javascript
Node.js中路径处理模块path详解
Nov 14 #Javascript
JavaScript队列、优先队列与循环队列
Nov 14 #Javascript
JavaScript中setTimeout的那些事儿
Nov 14 #Javascript
jquery css实现邮箱自动补全
Nov 14 #Javascript
You might like
落伍首发 php+mysql 采用ajax技术的 省 市 地 3级联动无刷新菜单 源码
2006/12/16 PHP
调试一段PHP程序时遇到的三个问题
2012/01/17 PHP
PHP 万年历实现代码
2012/10/18 PHP
php实现根据字符串生成对应数组的方法
2014/09/22 PHP
Jquery判断$(&quot;#id&quot;)获取的对象是否存在的方法
2013/09/25 Javascript
Jquery api 速查表分享
2015/01/12 Javascript
基于jQuery实现仿QQ空间送礼物功能代码
2016/05/24 Javascript
js中遍历Map对象的简单实例
2016/08/08 Javascript
bootstrap中添加额外的图标实例代码
2017/02/15 Javascript
利用Javascript裁剪图片并存储的简单实现
2017/03/13 Javascript
js实现自动图片轮播代码
2017/03/22 Javascript
原生JS实现层叠轮播图
2017/05/17 Javascript
Node.JS更改Windows注册表Regedit的方法小结
2017/08/18 Javascript
基于node.js之调试器详解
2017/08/22 Javascript
使用socket.io实现简单聊天室案例
2018/01/02 Javascript
vue2 设置router-view默认路径的实例
2018/09/20 Javascript
Element ui 下拉多选时新增一个选择所有的选项
2019/08/21 Javascript
vue项目配置同一局域网可使用ip访问的操作
2020/10/23 Javascript
jQuery冲突问题解决方法
2021/01/19 jQuery
Python中多线程thread与threading的实现方法
2014/08/18 Python
Python批量查询域名是否被注册过
2017/06/21 Python
Python用户推荐系统曼哈顿算法实现完整代码
2017/12/01 Python
python编程实现随机生成多个椭圆实例代码
2018/01/03 Python
解决sublime+python3无法输出中文的问题
2018/12/12 Python
python多线程并发及测试框架案例
2019/10/15 Python
Python Tornado核心及相关原理详解
2020/06/24 Python
python使用建议与技巧分享(一)
2020/08/17 Python
python 实现数据库中数据添加、查询与更新的示例代码
2020/12/07 Python
毕业生医学检验求职信
2013/10/16 职场文书
医校毕业生自我鉴定
2014/01/25 职场文书
绿化工程实施方案
2014/03/17 职场文书
应届生面试求职信
2014/07/02 职场文书
民族团结好少年事迹材料
2014/08/19 职场文书
领导批评与自我批评范文
2014/10/16 职场文书
元宵节寄语大全
2015/02/27 职场文书
2016银行求职自荐信
2016/01/28 职场文书