jquery获取窗口尺寸和文档尺寸_JS、jQ、TS_我爱模板网 - 提供下载各种免费建站资源，免费网站模板，免费网页特效，让你爱上建站！

jquery获取窗口尺寸和文档尺寸

来源：未知作者：类型：图文教程点击次数：发布时间：2014-07-11 15:47:00

本效果可以实现jquery获取窗口尺寸和文档尺寸，并且让div随着窗口高度变化而变化：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN" xml:lang="zh-CN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=GB1312" /> <title>jquery获取窗口尺寸和文档尺寸 - 我爱模板网www.5imoban.net</title> <script src="http://www.5imoban.net/download/jquery/jquery-1.8.3.min.js"></script> <script> $(function(){ var wheight = $(window).height(); var wwidth = $(window).width(); var dheight = $(document.body).height(); var dwidth = $(document.body).width(); $("#wraper").height(wheight); $(window).resize(function() { alert("窗口高度："+wheight); alert("窗口宽度："+wwidth); alert("文档高度："+dheight); alert("文档宽度："+dwidth); }); }) </script> </head> <body> <div id="wraper" style="width:100px; height:100px; border:1px solid red"></div> </body> </html>
提示：您可以先修改部分代码再运行