当前位置: 代码迷 >> Web前端 >> 依据图片设定网页框大小
  详细解决方案

依据图片设定网页框大小

热度:78   发布时间:2012-10-25 10:58:57.0
根据图片设定网页框大小

<SCRIPT?LANGUAGE="JavaScript">
<!--

function?ResizeToFit(){
?var?imgWidth;
?var?imgHeight;
?if?(document.imgLarge?&&?document.imgLarge.complete)
?{
?imgWidth?=?document.imgLarge.width?+?20;
?imgHeight?=?document.imgLarge.height?+?115;
?window.resizeTo(imgWidth,imgHeight);
?}
}
//-->
</SCRIPT>

网页的宽度及高度

网页可见区域宽:
document.body.clientWidth??

网页可见区域高:
document.body.clientHeight??

网页可见区域宽:
document.body.offsetWidth(包括边线的宽)???

网页可见区域高:
document.body.offsetHeight(包括边线的宽)???

网页正文全文宽:
document.body.scrollWidth???

网页正文全文高:
document.body.scrollHeight???

网页被卷去的高:
document.body.scrollTop???

网页被卷去的左:
document.body.scrollLeft???

网页正文部分上:
window.screenTop???

网页正文部分左:
window.screenLeft???

屏幕分辨率的高:
window.screen.height???

屏幕分辨率的宽:
window.screen.width???

屏幕可用工作区高度:
window.screen.availHeight??

屏幕可用工作区宽度:
window.screen.availWidth?

对于firefox有个兼容性问题。

如果想设置整个网页的页面宽度用一个层遮罩住的话,要这样处理


function?browserWidth()?{
??if?(self.innerWidth)?{
return?self.innerWidth;
??}?else{
return?document.body.clientWidth;
??}
??return?800;
}


var?ht=browserHeight()+10+"px";
?document.getElementById("v_full_screen").style.position="absolute";
?document.getElementById("v_full_screen").style.left="0px";?
?document.getElementById("v_full_screen").style.top="0px";???
?document.getElementById("v_full_screen").style.width=wd;
?var?scht=document.body.scrollHeight+"px";??
?document.getElementById("v_full_screen").style.height=scht;?
?document.getElementById("v_full_screen").style.background="#000033";

这样处理后页面的整个高度和宽度就是你浏览整个页面的高度和宽度

?

  相关解决方案