`

jQuery 获取屏幕高度和宽度

阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<script type="text/javascript" src="jquery-1.10.1.min.js"></script>
</head>
<body>
<script type="text/javascript">
//做手机Web开发做浏览器兼容用到了,所以在网上找了些汇总下。 

document.writeln($(window).height()+"//浏览器当前窗口可视区域高度<br>");

document.writeln($(document).height()+"//浏览器当前窗口文档的高度<br>"); 

document.writeln($(document.body).height()+"//浏览器当前窗口文档body的高度<br>");  

document.writeln($(document.body).outerHeight(true)+"//浏览器当前窗口文档body的总高度 包括border padding margin<br>"); 

document.writeln($(window).width()+"//浏览器当前窗口可视区域宽度<br>"); 

document.writeln($(document).width()+"//浏览器当前窗口文档对象宽度<br>");  

document.writeln($(document.body).width()+"//浏览器当前窗口文档body的高度<br>");  

document.writeln($(document.body).outerWidth(true)+"//浏览器当前窗口文档body的总宽度 包括border padding margin<br>");  
</script>
</body>
</html>

 

效果图:

 

 

  • 大小: 53.3 KB
2
1
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics