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 相关文章推荐
用Javascript 获取页面元素的位置的代码
Sep 25 Javascript
html dom节点操作(获取/修改/添加或删除)
Jan 23 Javascript
jquery动态添加删除一行数据示例
Jun 12 Javascript
值得分享的轻量级Bootstrap Table表格插件
May 30 Javascript
AngularJS实用开发技巧(推荐)
Jul 13 Javascript
Webpack打包css后z-index被重新计算的解决方法
Jun 18 Javascript
vue-music关于Player播放器组件详解
Nov 28 Javascript
Vue2.0用户权限控制解决方案的示例
Feb 10 Javascript
使用layer.msg 时间设置不起作用的解决方法
Sep 12 Javascript
Vue+iview+webpack ie浏览器兼容简单处理
Sep 20 Javascript
vue 导航内容设置选中状态样式的例子
Nov 01 Javascript
mpvue微信小程序开发之实现一个弹幕评论
Nov 24 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笔记之常用文件操作
2010/10/12 PHP
使用PHP导出Word文档的原理和实例
2013/10/21 PHP
php实现保存submit内容之后禁止刷新
2014/03/19 PHP
PHP file_get_contents函数读取远程数据超时的解决方法
2015/05/13 PHP
在 Laravel 项目中使用 webpack-encore的方法
2019/07/21 PHP
解决AJAX中跨域访问出现'没有权限'的错误
2008/08/20 Javascript
最新的10款jQuery内容滑块插件分享
2011/09/18 Javascript
js判断undefined变量类型使用typeof
2013/06/03 Javascript
jquery中交替点击事件toggle方法的使用示例
2013/12/08 Javascript
JS获取几种URL地址的方法小结
2014/02/26 Javascript
jquery获取tagName再进行判断
2014/05/29 Javascript
浅谈Javascript Base64 加密解密
2014/12/28 Javascript
Web表单提交之disabled问题js解决方法
2015/01/13 Javascript
实现非常简单的js双向数据绑定
2015/11/06 Javascript
vue.js开发环境安装教程
2017/03/17 Javascript
bootstrap table实现点击翻页功能 可记录上下页选中的行
2017/09/28 Javascript
浅析JS中什么是自定义react数据验证组件
2018/10/19 Javascript
通过javascript实现扫雷游戏代码实例
2020/02/09 Javascript
Sublime Text3 配置 NodeJs 环境的方法
2020/05/20 NodeJs
python 生成目录树及显示文件大小的代码
2009/07/23 Python
在Python操作时间和日期之asctime()方法的使用
2015/05/22 Python
解决Scrapy安装错误:Microsoft Visual C++ 14.0 is required...
2017/10/01 Python
selenium+python自动化测试之页面元素定位
2019/01/23 Python
对Python 简单串口收发GUI界面的实例详解
2019/06/12 Python
Python自动化运维之Ansible定义主机与组规则操作详解
2019/06/13 Python
使用Python实现正态分布、正态分布采样
2019/11/20 Python
keras自定义回调函数查看训练的loss和accuracy方式
2020/05/23 Python
pandas参数设置的实用小技巧
2020/08/23 Python
利用CSS3的border-radius绘制太极及爱心图案示例
2016/05/17 HTML / CSS
物流专业大学生求职信范文
2013/10/28 职场文书
工程部经理岗位职责
2013/12/08 职场文书
文字自荐书范文
2014/02/10 职场文书
语文教育专业求职信
2014/06/28 职场文书
党员群众路线自我剖析材料
2014/10/06 职场文书
幼儿园五一劳动节活动总结
2015/02/09 职场文书
mysql下的max_allowed_packet参数设置详解
2022/02/12 MySQL