用Javascript实现自动调整布局大小
发布:Coamy | 发布时间: 2008年10月27日//定义窗口高、宽的全局变量
var winHeight = 0;
var winWidth = 0;
var getWinSize = function(){}; //定义获取窗口高宽的空函数
getWinSize.winWidth = function() //获取窗口宽度
{
if (window.innerWidth)//for ie
{
winWidth = window.innerWidth;
}
else ((document.body) && (document.body.clientWidth))
{
winWidth = document.body.clientWidth;
}
if (document.documentElement && document.documentElement.clientWidth) //通过深入Document内部对body进行检测,获取窗口大小
{
winWidth = document.documentElement.clientWidth;
}
return winWidth;
}
getWinSize.winHeight = function() //获取窗口高度
{
if (window.innerWidth)//for ie
{
winHeight = window.innerHeight;
}
else ((document.body) && (document.body.clientHeight))
{
winHeight = document.body.clientHeight;
}
if (document.documentElement && document.documentElement.clientHeight) //通过深入Document内部对body进行检测,获取窗口大小
{
winHeight = document.documentElement.clientHeight;
}
return winHeight;
}
getWinSize.onresize =function() //窗口高宽的设值函数,根据实际业务修改
{
if(getWinSize.winWidth()>=850)
{
document.getElementbyId('container').style.width=960+"px";
}
else{
document.getElementbyId('container').style.width=760+"px";
}
}
//调用窗口高宽的设值函数,如果在具体页面重写getWinSize.onresize方法,调用则要放到重写方法的下面执行
getWinSize.onresize();
//用window.onresize****窗口高宽的变化,如果在具体页面重写getWinSize.onresize方法,window.onresize****??放在调用方法下面(重新调用一次)
window.onresize = getWinSize.onresize;
- 相关文章:
用javaScript获取网页窗口的高度和宽度 (2008-10-27 9:58:51)
DOM中的outerHTML,innerHTML,innerTEXT,innerText的区别 (2008-10-14 14:1:5)
javascript释放IE所占内存 CollectGarbage() (2008-10-14 13:44:42)
javascript几种常用的表单输入判断 (2008-10-8 16:20:53)
发表评论
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。





