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 相关文章推荐
Jquery实现页面加载时弹出对话框代码
Apr 19 Javascript
javascript break指定标签打破多层循环示例
Jan 20 Javascript
jquery中show()、hide()和toggle()用法实例
Jan 15 Javascript
javascript感应鼠标图片透明度显示的方法
Feb 24 Javascript
JS简单模拟触发按钮点击功能的方法
Nov 30 Javascript
基于Javascript实现二级联动菜单效果
Mar 04 Javascript
简介BootStrap model弹出框的使用
Apr 27 Javascript
BootStrap 可编辑表Table格
Nov 24 Javascript
详解http访问解析流程原理
Oct 18 Javascript
React 高阶组件入门介绍
Jan 11 Javascript
vue2.0在没有dev-server.js下的本地数据配置方法
Feb 23 Javascript
JS获取月的第几周和年的第几周实例代码
Dec 05 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
菜鸟修复电子管记
2021/03/02 无线电
php发送post请求函数分享
2014/03/06 PHP
php设计模式之单例模式用法经典示例分析
2019/09/20 PHP
PHP连接MySQL数据库操作代码实例解析
2020/07/11 PHP
javascript showModalDialog 多层模态窗口实现页面提交及刷新的代码
2009/11/28 Javascript
JSON+JavaScript处理JSON的简单例子
2013/03/20 Javascript
关于jquery.validate1.9.0前台验证的使用介绍
2013/04/26 Javascript
javascript 表格内容排序 简单操作示例代码
2014/01/03 Javascript
jQuery打印指定区域Html页面并自动分页
2014/07/04 Javascript
js实现键盘控制DIV移动的方法
2015/01/10 Javascript
使用JavaScript实现连续滚动字幕效果的方法
2015/07/07 Javascript
全面详细的jQuery常见开发技巧手册
2016/02/21 Javascript
jQuery  ready方法实现原理详解
2016/10/19 Javascript
使用BootStrap实现悬浮窗口的效果
2016/12/13 Javascript
webpack+react+antd脚手架优化的方法
2018/04/02 Javascript
原生JS实现手动轮播图效果实例代码
2018/11/22 Javascript
javascript随机变色实例代码
2019/10/15 Javascript
Vue-cli项目部署到Nginx服务器的方法
2019/11/01 Javascript
vue实现的多页面项目如何优化打包的步骤详解
2020/07/19 Javascript
详解三种方式在React中解决绑定this的作用域问题并传参
2020/08/18 Javascript
Python实现动态图解析、合成与倒放
2018/01/18 Python
Python实现查找字符串数组最长公共前缀示例
2019/03/27 Python
详解python 模拟豆瓣登录(豆瓣6.0)
2019/04/18 Python
python 协程 gevent原理与用法分析
2019/11/22 Python
python如何调用字典的key
2020/05/25 Python
python怎么调用自己的函数
2020/07/01 Python
IE8下CSS3选择器nth-child() 不兼容问题的解决方法
2016/11/16 HTML / CSS
CSS3 box-shadow属性实例详解
2020/06/19 HTML / CSS
主要负责人任命书
2014/06/06 职场文书
开发房地产协议书
2014/09/14 职场文书
假释思想汇报范文
2014/10/11 职场文书
2014社会治安综合治理工作总结
2014/12/04 职场文书
2014幼儿园卫生保健工作总结
2014/12/05 职场文书
质量保证书
2015/01/17 职场文书
教师岗位职责
2015/02/03 职场文书
2015年项目工作总结
2015/04/29 职场文书