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 相关文章推荐
判断脚本加载是否完成的方法
May 26 Javascript
JavaScript中获取元素索引的函数
Sep 10 Javascript
JavaScript高级程序设计(第3版)学习笔记8 js函数(中)
Oct 11 Javascript
JS的事件绑定深入认识
Jun 26 Javascript
Javascript之Number对象介绍
Jun 07 Javascript
angular双向绑定模拟探索
Dec 26 Javascript
Javascript中click与blur事件的顺序详析
Apr 25 Javascript
Vue.js弹出模态框组件开发的示例代码
Jul 26 Javascript
使用vue与jquery实时监听用户输入状态的操作代码
Sep 19 jQuery
JS扁平化输出数组的2种方法解析
Sep 17 Javascript
JS操作字符串转数字的常见方法示例
Oct 29 Javascript
JS常见内存泄漏及解决方案解析
May 30 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
一个连接两个不同MYSQL数据库的PHP程序
2006/10/09 PHP
文件系统基本操作类
2006/11/23 PHP
php正则表达式(regar expression)
2011/09/10 PHP
PHP实现简单的新闻发布系统实例
2015/07/28 PHP
php 自定义错误日志实例详解
2016/11/12 PHP
Laravel模型间关系设置分表的方法示例
2018/04/21 PHP
mysqli扩展无法在PHP7下升级问题的解决
2019/09/10 PHP
如何实现动态删除javascript函数
2007/05/27 Javascript
javascript new一个对象的实质
2010/01/07 Javascript
DIY jquery plugin - tabs标签切换实现代码
2010/12/11 Javascript
vue里面父组件修改子组件样式的方法
2018/02/03 Javascript
vue组件详解之使用slot分发内容
2018/04/09 Javascript
node.js实现为PDF添加水印的示例代码
2018/12/05 Javascript
浅谈Express.js解析Post数据类型的正确姿势
2019/05/30 Javascript
使用jQuery mobile NuGet让你的网站在移动设备上同样精彩
2019/06/18 jQuery
javascript中可能用得到的全部的排序算法
2020/03/05 Javascript
vue 动态创建组件的两种方法
2020/12/31 Vue.js
[36:37]2014 DOTA2华西杯精英邀请赛5 24 VG VS iG
2014/05/25 DOTA
[06:48]DOTA2-DPC中国联赛2月26日Recap集锦
2021/03/11 DOTA
Python虚拟环境Virtualenv使用教程
2015/05/18 Python
使用Python写个小监控
2016/01/27 Python
Python3使用requests发闪存的方法
2016/05/11 Python
Python实现识别图片内容的方法分析
2018/07/11 Python
python实现决策树分类(2)
2018/08/30 Python
在Python 不同级目录之间模块的调用方法
2019/01/19 Python
详解将Python程序(.py)转换为Windows可执行文件(.exe)
2019/07/19 Python
python3.7中安装paddleocr及paddlepaddle包的多种方法
2020/11/27 Python
Clarins娇韵诗英国官网:来自法国的天然护肤品牌
2017/04/18 全球购物
澳大利亚鞋仓库:Shoe Warehouse
2019/07/25 全球购物
医学检验专业个人求职信范文
2013/12/04 职场文书
进步之星获奖感言
2014/02/22 职场文书
学校标语大全
2014/06/19 职场文书
民族学专业求职信
2014/07/28 职场文书
好媳妇事迹材料
2014/12/24 职场文书
Python 中数组和数字相乘时的注意事项说明
2021/05/10 Python
三种方式清除vue路由跳转router-link的历史记录
2022/04/10 Vue.js