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中字符串拼接的基本方法
Jul 07 Javascript
javascript中checkbox使用方法简单实例演示
Nov 17 Javascript
JavaScript 网页中实现一个计算当年还剩多少时间的倒数计时程序
Jan 25 Javascript
你真的了解BOM中的history对象吗
Feb 13 Javascript
快速使用node.js进行web开发详解
Apr 26 Javascript
Node.js pipe实现源码解析
Aug 12 Javascript
vue通过路由实现页面刷新的方法
Jan 25 Javascript
微信小程序canvas实现刮刮乐效果
Jul 09 Javascript
angularjs下ng-repeat点击元素改变样式的实现方法
Sep 12 Javascript
vue src动态加载请求获取图片的方法
Oct 17 Javascript
angular 实现同步验证器跨字段验证的方法
Apr 11 Javascript
webpack+express实现文件精确缓存的示例代码
Jun 11 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
Ajax+PHP 边学边练 之二 实例
2009/11/24 PHP
PHP图形操作之Jpgraph学习笔记
2015/12/25 PHP
ThinkPHP实现生成和校验验证码功能
2017/04/28 PHP
Nginx下ThinkPHP5的配置方法详解
2017/08/01 PHP
在Laravel5.6中使用Swoole的协程数据库查询
2018/06/15 PHP
javascript 最常用的10个自定义函数[推荐]
2009/12/26 Javascript
使用js dom和jquery分别实现简单增删改
2014/09/11 Javascript
通过伪协议解决父页面与iframe页面通信的问题
2015/04/05 Javascript
JavaScript的RequireJS库入门指南
2015/07/01 Javascript
预防网页挂马的方法总结
2016/11/03 Javascript
Javascript中关于Array.filter()的妙用详解
2016/12/04 Javascript
详解js的六大数据类型
2016/12/27 Javascript
jQuery插件FusionCharts绘制2D双折线图效果示例【附demo源码】
2017/04/14 jQuery
JavaScript之Date_动力节点Java学院整理
2017/06/28 Javascript
JS实现把一个页面层数据传递到另一个页面的两种方式
2018/08/13 Javascript
微信小程序实现多行文字超出部分省略号显示功能
2019/10/23 Javascript
JS document form表单元素操作完整示例
2020/01/13 Javascript
javascript使用canvas实现饼状图效果
2020/09/08 Javascript
[02:12]打造更好的电竞完美世界:完美盛典回顾篇
2018/12/19 DOTA
在Qt中正确的设置窗体的背景图片的几种方法总结
2019/06/19 Python
Pandas之DataFrame对象的列和索引之间的转化
2019/06/25 Python
用python给自己做一款小说阅读器过程详解
2019/07/11 Python
对django 模型 unique together的示例讲解
2019/08/06 Python
Python如何调用外部系统命令
2019/08/07 Python
python脚本调用iftop 统计业务应用流量的思路详解
2019/10/11 Python
Python调用Windows命令打印文件
2020/02/07 Python
LN-CC美国:伦敦时尚生活的缩影
2019/02/19 全球购物
什么是Linux虚拟文件系统VFS
2012/01/31 面试题
仓库门卫岗位职责
2013/12/22 职场文书
大学生职业生涯规划书模板
2014/01/18 职场文书
安踏广告词改编版
2014/03/21 职场文书
《李广射虎》教学反思
2014/04/27 职场文书
先进基层党组织事迹材料
2014/12/25 职场文书
转正申请报告格式
2015/05/15 职场文书
公司保洁员管理制度
2015/08/04 职场文书
Django展示可视化图表的多种方式
2021/04/08 Python