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的抓取博客园首页RSS的代码
Dec 01 Javascript
jquery分割字符串的方法
Jun 24 Javascript
jQuery Validate初步体验(二)
Dec 12 Javascript
JavaScript中两个字符串的匹配
Jun 08 Javascript
jQuery Select下拉框操作小结(推荐)
Jul 22 Javascript
纯JavaScript手写图片轮播代码
Oct 20 Javascript
jQuey将序列化对象在前台显示地实现代码(方法总结)
Dec 13 Javascript
微信小程序 解决请求服务器手机预览请求不到数据的方法
Jan 04 Javascript
BootStrapValidator初使用教程详解
Feb 10 Javascript
用Node提供静态文件服务的方法
Jul 06 Javascript
mpvue 单文件页面配置详解
Dec 02 Javascript
vue实现输入一位数字转汉字功能
Dec 13 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读取qqwry.dat ip地址定位文件的类实例代码
2016/11/15 PHP
详解PHP素材图片上传、下载功能
2019/04/12 PHP
Laravel框架中集成MongoDB和使用详解
2019/10/17 PHP
给Function做的OOP扩展
2009/05/07 Javascript
De facto standard 世界上不可思议的事实标准
2010/08/29 Javascript
jQuery之折叠面板的深入解析
2013/06/19 Javascript
javascript实现des解密加密全过程
2014/04/03 Javascript
jQuery中eq()方法用法实例
2015/01/05 Javascript
jquery实现从数组移除指定的值
2015/06/24 Javascript
通过修改360抢票的刷新频率和突破8车次限制实现方法
2017/01/04 Javascript
微信小程序中顶部导航栏的实现代码
2017/03/30 Javascript
五步轻松实现JavaScript HTML时钟效果
2020/03/25 Javascript
使用 Vue 绑定单个或多个 Class 名的实例代码
2018/01/08 Javascript
js正则取值的结果数组调试方法
2018/10/10 Javascript
layui-table对返回的数据进行转变显示的实例
2019/09/04 Javascript
vue+vant-UI框架实现购物车的复选框全选和反选功能
2019/11/05 Javascript
[56:48]FNATIC vs EG 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
Django的URLconf中使用缺省视图参数的方法
2015/07/18 Python
简单介绍Python中的几种数据类型
2016/01/02 Python
TensorFlow如何实现反向传播
2018/02/06 Python
Pandas 对Dataframe结构排序的实现方法
2018/04/10 Python
Python的条件表达式和lambda表达式实例
2019/01/31 Python
python主线程与子线程的结束顺序实例解析
2019/12/17 Python
使用python处理题库表格并转化为word形式的实现
2020/04/14 Python
加拿大国民体育购物网站:National Sports
2018/11/04 全球购物
移风易俗倡议书
2014/04/15 职场文书
二年级小学生评语
2014/04/21 职场文书
土木工程求职信
2014/05/29 职场文书
乡镇党的群众路线教育实践活动剖析材料
2014/10/09 职场文书
简易离婚协议书范本
2014/10/24 职场文书
计算机考试作弊检讨书1000字
2015/01/01 职场文书
学校世界艾滋病日宣传活动总结
2015/05/05 职场文书
抢劫罪辩护词
2015/05/21 职场文书
企业廉洁教育心得体会
2016/01/20 职场文书
Python 机器学习工具包SKlearn的安装与使用
2021/05/14 Python
python可视化分析绘制带趋势线的散点图和边缘直方图
2022/06/25 Python