网上也有许多用CSS布局来实现页脚的,但是任然不足灵巧,可能页面轻微变革下大小、比例、屏幕变革下分辨率什么的,这个CSS的布局可能就不起浸染了,js才是万能的~
大略先容下js设置页脚的形式1、写一个共同的footer.jsp画面,可以用其他jsp去include
以下是我写的代码,个中红框位置是须要特殊把稳的地方:
2、须要调用footer.jsp的页面,如下截图
个中,重点部分用红框标出,实现步骤
(1)、include footer.jsp页脚,页脚初始化的时候调用setFooter()一次
(2)、在window大小变革,或者是滚动条滑动时,都会相应setFooter()方法
这样就可以实现动态设置页脚的位置了
3、实现GIF:
题外话
1、算出滚动条的宽度:
$(\公众body\"大众).outerWidth() + \"大众;\公众 + $(window).width()
2、得到画面组件的各种宽、高:
alert($(window).height()); //浏览器当前窗口可视区域高度alert($(document).height()); //浏览器当前窗口文档的高度alert($(document.body).height());//浏览器当前窗口文档body的高度alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding marginalert($(window).width()); //浏览器当前窗口可视区域宽度alert($(document).width());//浏览器当前窗口文档工具宽度alert($(document.body).width());//浏览器当前窗口文档body的高度alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin