欢迎各位兄弟 发布技术文章
这里的技术是共享的
<head> <title>改变div高度</title> <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> <script type="text/javascript"> $(function(){ //为div设置边框 $("#container").css("border","1px solid gray"); //改变div的高度 $("#container").height($(window).height()); //改变div的宽度 $("#container").width($(window).width()); }); </script> </head> <body> <div id="container"> </div> </body> </html>
另附Jquery获取各种屏幕的宽度和高度的示例代码:
$(document).ready(function(){ alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());//浏览器当前窗口文档body的高度 alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin alert($(window).width()); //浏览器当前窗口可视区域宽度 alert($(document).width());//浏览器当前窗口文档对象宽度 alert($(document.body).width());//浏览器当前窗口文档body的宽度 alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin }) 来自 http://zhidao.baidu.com/link?url=D_arXj1KggOcimcOX6O7wc1k03RM6c41ICg1WWxwtqRF7vJy0KUBAJ5fM24AYK58IPjUg_PY-iqRA3u3Xjv0Eq