欢迎来到我爱模板网,请记住我们的域名5imoban.net。本站资源大部分免费下载。如需定制,可联系站长QQ543031222。如果您觉得本站不错,请推荐给您的好友!
各位热心的网友们,欢迎给本站留言!您的任何建议和意见本站都会认真查看,仔细采纳!
<!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> 提示:您可以先修改部分代码再运行