群组首页 → Web前端 → javascript研究小组 → 论坛
发表回复

初学JS，自己写的，拿来献丑 嘿嘿

haitao360312 2011-02-17

俺是个设计兼制作，公司要求做个login页，做了6份样稿，结果老总看上了我自认为最俗的样式，制作的时候哥杯具了！

先说下login的样子  有头有脚，背景大红色高度100px左右，content有人物背景 以及登陆框，人物背景紧贴footer.页面做出来肯定没问题，但是在不同分辨率下杯具了，（现在我的电脑暂时是17寸CRT） 在流行的宽屏下footer难看要死！content又不能自适应窗口高度，无奈自己用js解决（javascript DOM编程艺术 刚看完前4章），自己刚解决完，发上来 各位牛人 指点下

<script type="text/javascript">
window.onload = windowHeight;
function windowHeight() {
var h = document.documentElement.clientHeight;
var bodyHeight = document.getElementById("content");
if (h < 598){
 h = 598 ;
 bodyHeight.style.height = (h-289) + "px";
}
else bodyHeight.style.height = (h-289) + "px";

}
setInterval(windowHeight,500)//每半秒执行一次windowHeight函数

</script>
haitao360312 2011-02-17
献丑了！ :
longhua828 2011-03-02
你这样效率很低的

window.onresize=function() {
……
}
不是更好么？
stargaga 2011-03-09
2楼说的对，多用匿名函数，效率高。
yushu1987 2011-05-12
2楼说的对，程序切忌在有同样功能函数的情况下，使用自己的编程语言去一些代码，最好是调用已有的函数，因为这些函数已经做了优化，绝对比你自己写好多了。
zhang_xiujiao 2011-05-24
document.documentElement.clientHeight 考虑兼容 DOCTYPE
y1d2y3xyz 2011-09-24
做个监听事件就行，setInterval(windowHeight,500) 这个肯定是不行的！
lisai17 2011-11-11
onresize在非IE的浏览器里不管用
m2maomao 2012-04-20
lisai17 写道
onresize在非IE的浏览器里不管用

兄弟这个在非浏览器还是管用的。
发表回复
Global site tag (gtag.js) - Google Analytics