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 对话框和状态栏使用说明
Oct 25 Javascript
让textarea自动调整大小的js代码
Apr 12 Javascript
Js base64 加密解密介绍
Oct 11 Javascript
jQuery实现可编辑的表格实例讲解(2)
Sep 17 Javascript
原生JavaScript实现Ajax的方法
Apr 07 Javascript
javascript实现图片左右滚动效果【可自动滚动,有左右按钮】
Sep 19 Javascript
AngularJS之页面跳转Route实例代码
Mar 10 Javascript
微信小程序教程系列之设置标题栏和导航栏(7)
Jun 29 Javascript
Angular2使用Guard和Resolve进行验证和权限控制
Apr 24 Javascript
Bootstrap table使用方法记录
Aug 23 Javascript
Vue 中 filter 与 computed 的区别与用法解析
Nov 21 Javascript
微信小程序实现轮播图指示器
Jun 25 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 不同编码下的字符串长度区分
2009/09/26 PHP
PHP中数组合并的两种方法及区别介绍
2012/09/14 PHP
PHP中使用TCPDF生成PDF文档实例
2014/07/01 PHP
php中strlen和mb_strlen用法实例分析
2016/11/12 PHP
浅谈php调用python文件
2019/03/29 PHP
js 判断checkbox是否选中的操作方法
2012/11/09 Javascript
AngularJS控制器详解及示例代码
2016/08/16 Javascript
Sequelize中用group by进行分组聚合查询
2016/12/12 Javascript
bootstrap提示标签、提示框实现代码
2016/12/28 Javascript
使用jQuery的ajax方法向服务器发出get和post请求的方法
2017/01/13 Javascript
Vue2.0利用 v-model 实现组件props双向绑定的优美解决方案
2017/03/13 Javascript
Vue.js devtool插件安装后无法使用的解决办法
2017/11/27 Javascript
JS实现DOM节点插入操作之子节点与兄弟节点插入操作示例
2018/07/30 Javascript
微信小程序左滑删除实现代码实例
2019/09/16 Javascript
vue中使用vue-print.js实现多页打印
2020/03/05 Javascript
Threejs实现滴滴官网首页地球动画功能
2020/07/13 Javascript
在vue项目中 实现定义全局变量 全局函数操作
2020/10/26 Javascript
python实现异步回调机制代码分享
2014/01/10 Python
Python入门篇之文件
2014/10/20 Python
python根据出生日期返回年龄的方法
2015/03/26 Python
pandas 数据实现行间计算的方法
2018/06/08 Python
详解Python读取yaml文件多层菜单
2019/03/23 Python
Django如何将URL映射到视图
2019/07/29 Python
pandas 如何分割字符的实现方法
2019/07/29 Python
Django异步任务线程池实现原理
2019/12/17 Python
python获取栅格点和面值的实现
2020/03/10 Python
Python响应对象text属性乱码解决方案
2020/03/31 Python
python如何实现图片压缩
2020/09/11 Python
CSS3 三维变形实现立体方块特效源码
2016/12/15 HTML / CSS
求最大连续递增数字串(如"ads3sl456789DF3456ld345AA"中的"456789")
2015/09/11 面试题
教师爱岗敬业演讲稿
2014/05/05 职场文书
文明礼仪标语
2014/06/13 职场文书
2014年人事行政工作总结
2014/12/03 职场文书
小兵张嘎观后感300字
2015/06/03 职场文书
2015年小学实验室工作总结
2015/07/28 职场文书
CSS 实现磨砂玻璃(毛玻璃)效果样式
2023/05/21 HTML / CSS