编程 Javascript

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调用屏幕宽度的简单方法全部内容了，希望大家多多支持三水点靠木~

js调用屏幕宽度的简单方法

- Author -

jingxian

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

网页中的图片的处理方法与代码

Nov 26 Javascript

JS实现程序暂停与继续功能代码解读

Oct 10 Javascript

Ajax提交与传统表单提交的区别说明

Feb 07 Javascript

JS实现关键字搜索时的相关下拉字段效果

Aug 05 Javascript

JavaScript中用于四舍五入的Math.round()方法讲解

Jun 15 Javascript

js和jquery实现监听键盘事件示例代码

Jun 24 Javascript

XMLHttpRequest Level 2 使用指南

Aug 26 Javascript

详解jQuery中的事件

Dec 14 Javascript

JS 组件系列之 bootstrap treegrid 组件封装过程

Apr 28 Javascript

javaScript实现复选框全选反选事件详解

Nov 20 Javascript

JavaScript this在函数中的指向及实例详解

Oct 14 Javascript

解决vue单页面应用进入页面加载所有 js 的问题

Aug 12 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