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 相关文章推荐
JS的反射问题
Apr 07 Javascript
浅析hasOwnProperty方法的应用
Nov 20 Javascript
jquery获取颜色在ie和ff下的区别示例介绍
Mar 28 Javascript
this,this,再次讨论javascript中的this,超全面(经典)
Jan 05 Javascript
如何利用JQuery实现从底部回到顶部的功能
Dec 27 Javascript
jQuery实现页面倒计时并刷新效果
Mar 13 Javascript
从零开始学习Node.js系列教程一:http get和post用法分析
Apr 13 Javascript
webpack打包单页面如何引用的js
Jun 07 Javascript
linux 后台运行node服务指令方法
May 23 Javascript
layui 给数据表格加序号的方法
Aug 20 Javascript
通过vue写一个瀑布流插件代码实例
Sep 07 Javascript
Vue组件间的通信pubsub-js实现步骤解析
Mar 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
php生成SessionID和图片校验码的思路和实现代码
2009/03/10 PHP
ThinkPHP CURD方法之data方法详解
2014/06/18 PHP
详解在PHP的Yii框架中使用行为Behaviors的方法
2016/03/18 PHP
PHP基于GD库的图像处理方法小结
2016/09/27 PHP
一段好玩的JavaScript代码
2006/12/01 Javascript
Prototype PeriodicalExecuter对象 学习
2009/07/19 Javascript
深入解析contentWindow, contentDocument
2013/07/04 Javascript
js获得参数的getParameter使用示例
2014/02/26 Javascript
js对字符的验证方法汇总
2015/02/04 Javascript
jQuery焦点图切换特效代码分享
2015/09/15 Javascript
AngularJS中transclude用法详解
2016/11/03 Javascript
利用fecha进行JS日期处理
2016/11/21 Javascript
js移动端图片压缩上传功能
2020/08/18 Javascript
通过js控制时间,一秒一秒自己动的实例
2017/10/25 Javascript
微信小程序框架wepy之动态控制类名
2018/09/14 Javascript
详解服务端预渲染之Nuxt(介绍篇)
2019/04/07 Javascript
JS+html5实现异步上传图片显示上传文件进度条功能示例
2019/11/09 Javascript
小程序实现tab标签页
2020/11/16 Javascript
通过Python爬虫代理IP快速增加博客阅读量
2016/12/14 Python
Python实现的生成格雷码功能示例
2018/01/24 Python
基于Python 装饰器装饰类中的方法实例
2018/04/21 Python
Python生成器generator用法示例
2018/08/10 Python
Python实现爬取马云的微博功能示例
2019/02/16 Python
Tensorflow分批量读取数据教程
2020/02/07 Python
HTML5的标签的代码的简单介绍 HTML5标签的简介
2012/05/28 HTML / CSS
C#基础面试题
2016/10/17 面试题
销售副总经理岗位职责
2013/12/11 职场文书
社团招新策划书
2014/02/04 职场文书
《满井游记》教学反思
2014/02/26 职场文书
献爱心捐款倡议书
2014/05/14 职场文书
员工生日会策划方案
2014/06/14 职场文书
中学生2014国庆节演讲稿:不屈的民族
2014/09/21 职场文书
幼儿园师德师风心得体会
2016/01/12 职场文书
倡议书怎么写?
2019/04/11 职场文书
Python requests库参数提交的注意事项总结
2021/03/29 Python
详解Apache SkyWalking 告警配置指南
2021/04/22 Servers