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通用函数
May 09 Javascript
ASP中Sub和Function的区别说明
Aug 30 Javascript
JS定义回车事件(实现代码)
Jul 08 Javascript
Google Dart编程语法和基本类型学习教程
Nov 27 Javascript
详解angularJs中自定义directive的数据交互
Jan 13 Javascript
ES6使用let命令更简单的实现块级作用域实例分析
Mar 31 Javascript
[js高手之路]原型式继承与寄生式继承详解
Aug 28 Javascript
详解js的视频和音频采集
Aug 09 Javascript
Vue Prop属性功能与用法实例详解
Feb 23 Javascript
jquery实现有过渡效果的tab切换
Jul 17 jQuery
通过实例解析javascript Date对象属性及方法
Nov 04 Javascript
vue+iview实现分页及查询功能
Nov 17 Vue.js
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 array_map()数组函数使用说明
2011/07/12 PHP
PHP函数extension_loaded()用法实例
2015/01/19 PHP
PHP读取txt文本文件并分页显示的方法
2015/03/11 PHP
php正则表达式学习笔记
2015/11/13 PHP
PHP 搜索查询功能实现
2016/11/29 PHP
PHP中用Trait封装单例模式的实现
2019/12/18 PHP
csdn 博客的css样式 v3
2009/02/24 Javascript
浅析JQuery获取和设置Select选项的常用方法总结
2013/07/04 Javascript
addEventListener()第三个参数useCapture (Boolean)详细解析
2013/11/07 Javascript
js替代copy(示例代码)
2013/11/27 Javascript
jQuery内部原理和实现方式浅析
2015/02/03 Javascript
javaScript基础语法介绍
2015/02/28 Javascript
jquery实现简洁文件上传表单样式
2015/11/02 Javascript
JavaScript截取指定长度字符串点击可以展开全部代码
2015/12/04 Javascript
JavaScript学习笔记之数组的增、删、改、查
2016/03/23 Javascript
jquery输入数字随机抽奖特效的简单实现代码
2016/06/10 Javascript
js点击按钮实现水波纹效果代码(CSS3和Canves)
2016/09/15 Javascript
Angular 4依赖注入学习教程之FactoryProvider配置依赖对象(五)
2017/06/04 Javascript
微信小程序数据分析之自定义分析的实现
2018/08/17 Javascript
微信小程序如何实现五星评价功能
2019/10/15 Javascript
js实现左右轮播图
2020/01/09 Javascript
JavaScript获取时区实现过程解析
2020/09/24 Javascript
[03:08]Ti4观战指南上
2014/07/07 DOTA
[06:59]DOTA2-DPC中国联赛3月7日Recap集锦
2021/03/11 DOTA
python使用正则表达式分析网页中的图片并进行替换的方法
2015/03/26 Python
轻松掌握python设计模式之策略模式
2016/11/18 Python
python获取指定时间差的时间实例详解
2017/04/11 Python
疯狂上涨的Python 开发者应从2.x还是3.x着手?
2017/11/16 Python
tensorflow使用神经网络实现mnist分类
2018/09/08 Python
基于pandas向csv添加新的行和列
2020/05/25 Python
python map比for循环快在哪
2020/09/21 Python
保时捷设计:Porsche Design
2019/03/30 全球购物
食堂标语大全
2014/06/11 职场文书
贷款委托书怎么写
2014/08/02 职场文书
学生会副主席竞选稿
2015/11/19 职场文书
使用pytorch实现线性回归
2021/04/11 Python