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 相关文章推荐
音乐播放用的的几个函数
Sep 07 Javascript
javascript 事件绑定问题
Jan 01 Javascript
javascript作用域和闭包使用详解
Apr 25 Javascript
Html5的placeholder属性(IE兼容)实现代码
Aug 30 Javascript
jQuery结合CSS制作漂亮的select下拉菜单
May 03 Javascript
js点击按钮实现带遮罩层的弹出视频效果
Dec 19 Javascript
AngularJs学习第五篇从Controller控制器谈谈$scope作用域
Jun 08 Javascript
jQuery使用serialize()表单序列化时出现中文乱码问题的解决办法
Jul 27 Javascript
移动端基础事件总结与应用
Jan 12 Javascript
Vue.js中数据绑定的语法教程
Jun 02 Javascript
使用p5.js临摹动态图片
Nov 04 Javascript
vue监听dom大小改变案例
Jul 29 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 URL地址获取函数代码(端口等) 推荐
2010/05/15 PHP
PHP中ajax无刷新上传图片与图片下载功能
2017/02/21 PHP
图片按比例缩放函数
2006/06/26 Javascript
jQuery 剧场版 你必须知道的javascript
2009/05/27 Javascript
jquery在项目中做复选框时遇到的一些问题笔记
2013/11/17 Javascript
千分位数字格式化(用逗号隔开 代码已做了修改 支持0-9位逗号隔开)的JS代码
2013/12/05 Javascript
基于jQuery+JSON的省市二三级联动效果
2015/06/05 Javascript
基于JS实现的倒计时程序实例
2015/07/24 Javascript
JavaScript判断表单中多选框checkbox选中个数的方法
2015/08/17 Javascript
js操作数组函数实例小结
2015/12/10 Javascript
详解JS面向对象编程
2016/01/24 Javascript
前端程序员必须知道的高性能Javascript知识
2016/08/24 Javascript
前端设计师们最常用的JS代码汇总
2016/09/25 Javascript
jQuery选择器之表单元素选择器详解
2017/09/19 jQuery
如何基于layui的laytpl实现数据绑定的示例代码
2020/04/10 Javascript
实例讲解React 组件
2020/07/07 Javascript
详解vue中v-on事件监听指令的基本用法
2020/07/22 Javascript
[01:58]DOTA2上海特级锦标赛现场采访:RTZ这个ID到底好不好
2016/03/25 DOTA
跟老齐学Python之有点简约的元组
2014/09/24 Python
Python fileinput模块使用介绍
2014/11/30 Python
在python中以相同顺序shuffle两个list的方法
2018/12/13 Python
python mac下安装虚拟环境的图文教程
2019/04/12 Python
python爬取盘搜的有效链接实现代码
2019/07/20 Python
Python 读取用户指令和格式化打印实现解析
2019/09/02 Python
解决pytorch DataLoader num_workers出现的问题
2020/01/14 Python
python GUI库图形界面开发之PyQt5结合Qt Designer创建信号与槽的详细方法与实例
2020/03/08 Python
python中strip(),lstrip(),rstrip()函数的使用讲解
2020/11/17 Python
Artist Guitars新西兰:乐器在线商店
2017/09/17 全球购物
外科实习自我鉴定
2013/10/06 职场文书
退税申请报告怎么写
2015/05/18 职场文书
交通事故赔偿起诉书
2015/05/20 职场文书
护理工作心得体会
2016/01/22 职场文书
2016年社区植树节活动总结
2016/03/16 职场文书
浅析MongoDB之安全认证
2021/06/26 MongoDB
Java实现多文件上传功能
2021/06/30 Java/Android
Docker 镜像介绍以及commit相关操作
2022/04/13 Servers