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 相关文章推荐
csdn 批量接受好友邀请
Feb 19 Javascript
js 金额文本框实现代码
Feb 14 Javascript
使用jquery mobile做幻灯播放效果实现步骤
Jan 04 Javascript
javascript记录文本框内文字个数检测文字个数变化
Oct 14 Javascript
JS表的模拟方法
Feb 05 Javascript
JS继承用法实例分析
Feb 05 Javascript
vue中component组件的props使用详解
Sep 04 Javascript
详解vue项目的构建,打包,发布全过程
Nov 23 Javascript
Vue 源码分析之 Observer实现过程
Mar 29 Javascript
微信小程序按钮点击动画效果的实现
Sep 04 Javascript
vue中使用elementUI组件手动上传图片功能
Dec 13 Javascript
JavaScript数组类型Array相关的属性与方法详解
Sep 08 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的fsockopen、pfsockopen函数被主机商禁用的解决办法
2014/07/08 PHP
PHP正则表达式 /i, /is, /s, /isU等介绍
2014/10/23 PHP
php实现与python进行socket通信的方法示例
2017/08/30 PHP
laravel 解决groupBy时出现的错误 isn't in Group By问题
2019/10/17 PHP
一个多次搜索+多次传值的解决方案
2007/01/20 Javascript
[原创]站长必须要知道的javascript广告代码
2007/05/30 Javascript
javascript 清除输入框中的数据
2009/04/13 Javascript
JavaScript中使用构造器创建对象无需new的情况说明
2012/03/01 Javascript
解决JQeury显示内容没有边距内容紧挨着浏览器边线
2013/12/20 Javascript
Javascript中的delete操作符详细介绍
2014/06/06 Javascript
jQuery实现页面滚动时动态加载内容的方法
2015/03/20 Javascript
jquery插入兄弟节点的操作方法
2016/12/07 Javascript
JS实现数组去重复值的方法示例
2017/02/18 Javascript
详解Angular-Cli中引用第三方库
2017/05/21 Javascript
jQuery插件Validation表单验证详解
2018/05/26 jQuery
vue.js input框之间赋值方法
2018/08/24 Javascript
JS Object.preventExtensions(),Object.seal()与Object.freeze()用法实例分析
2018/08/25 Javascript
微信小程序中上传图片并进行压缩的实现代码
2018/08/28 Javascript
微信小程序五子棋游戏AI实现方法【附demo源码下载】
2019/02/20 Javascript
jQuery删除/清空指定元素的所有子节点实例代码
2019/07/04 jQuery
Vue初始化中的选项合并之initInternalComponent详解
2020/06/11 Javascript
浅谈vue生命周期共有几个阶段?分别是什么?
2020/08/07 Javascript
利用Python写一个爬妹子的爬虫
2018/06/08 Python
对python3新增的byte类型详解
2018/12/04 Python
浅谈Pycharm中的Python Console与Terminal
2019/01/17 Python
Django框架视图介绍与使用详解
2019/07/18 Python
美国顶级户外凉鞋品牌:Chacos
2017/03/27 全球购物
西班牙床垫网上商店:Colchones.es
2018/05/06 全球购物
马德里著名的运动鞋商店:NOIRFONCE
2019/04/12 全球购物
阿拉伯时尚购物网站:Nisnass
2021/02/07 全球购物
幼儿教师师德承诺书
2014/05/23 职场文书
分居协议书范本(律师见证版)
2014/11/26 职场文书
汤姆索亚历险记读书笔记
2015/06/29 职场文书
三八妇女节致辞
2015/07/31 职场文书
防震减灾主题班会
2015/08/14 职场文书
mysql分表之后如何平滑上线详解
2021/11/01 MySQL