jQuery获取document和window宽高的实现方法

作者:小满时间:2026-10-29 07:37:54浏览:527

本文介绍如何使用jQuery获取document和window对象的宽度和高度。通过绑定按钮点击事件,利用$(document).width()和$(window).width()等方法分别获取文档与窗口的尺寸,并以弹窗形式展示结果,帮助开发者快速掌握页面尺寸获取技巧。

jQuery获取document和window宽高的实现方法

本文详细介绍利用jQuery获取document和window对象宽度和高度的具体实现方式,供读者参考借鉴。


<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
 $("button").click(function(){
  var txt="";
  txt+="Document width/height: " + $(document).width();
  txt+="x" + $(document).height() + "\n";
  txt+="Window width/height: " + $(window).width();
  txt+="x" + $(window).height();
  alert(txt);
 });
});
</script>
</head>
<body>
<button>Display dimensions of document and window</button>
</body>
</html>

希望本文提供的示例对您的jQuery编程实践有所帮助。

作者最新文章