window showModalDialog 在IE6 IE7 高度(height) 问题
2012-05-16 10:12
537 查看
在IE6测试的时候发现,window.showModalDialog()高度有问题,原来在IE7里能看到的按钮,但在IE6里不能显示出来
找了相关的资料发现,原来IE6跟IE7的高度算法不一样的
IE6 计算高度 是整个窗视体计算 (包括title和status)
IE7 计算高度 是内容窗体来计算 (不包括title和status)
如图所示:
具体代码分析:
因为窗口高度不对,所以我们得根据IE的版本类型来显示不同的窗口(showModalDialog)
代码片断:
代码
var ua = navigator.userAgent.toLowerCase();//客户端浏览器信息
var size="";
if (window.ActiveXObject)//判断IE浏览器
size=ua.match(/msie ([\d.]+)/)[1];//得出IE的版本大小
if(size=="6.0")
{
window.showModalDialog('DealStepOne.aspx?ID='+v2+'&t='+odate.getTime(),'temp','dialogWidth:905px;dialogHeight:545px;dialogLeft:300px;resizable:no;scroll:no;status=0;');
}
else
{
window.showModalDialog('DealStepOne.aspx?ID='+v2+'&t='+odate.getTime(),'temp','dialogWidth:905px;dialogHeight:525px;dialogLeft:300px;resizable:no;scroll:no;status=0;');
}
找了相关的资料发现,原来IE6跟IE7的高度算法不一样的
IE6 计算高度 是整个窗视体计算 (包括title和status)
IE7 计算高度 是内容窗体来计算 (不包括title和status)
如图所示:
具体代码分析:
因为窗口高度不对,所以我们得根据IE的版本类型来显示不同的窗口(showModalDialog)
代码片断:
代码
var ua = navigator.userAgent.toLowerCase();//客户端浏览器信息
var size="";
if (window.ActiveXObject)//判断IE浏览器
size=ua.match(/msie ([\d.]+)/)[1];//得出IE的版本大小
if(size=="6.0")
{
window.showModalDialog('DealStepOne.aspx?ID='+v2+'&t='+odate.getTime(),'temp','dialogWidth:905px;dialogHeight:545px;dialogLeft:300px;resizable:no;scroll:no;status=0;');
}
else
{
window.showModalDialog('DealStepOne.aspx?ID='+v2+'&t='+odate.getTime(),'temp','dialogWidth:905px;dialogHeight:525px;dialogLeft:300px;resizable:no;scroll:no;status=0;');
}
相关文章推荐
- window showModalDialog 在IE6 IE7 高度(height) 问题
- 要想在ie6,ie7和ff中都可以自适应高度,正确的做法是设置min-height和用cssHack设置height
- ul中的li的高度在IE6、IE7、IE8、FF下不兼容问题的解决办法
- window.showModalDialog相关问题小结
- 请教:window server 2003从IE6升级为IE7后,.net启动出现问题。
- $(window).height() 文档高度问题
- window.showmodaldialog弹出新窗口问题解决
- window.showModalDialog两次加载问题,清除缓存
- IE6、IE7、IE8、FireFox css line-height兼容问题
- min-height最小高度的实现--兼容IE6、IE7、FF
- window.showModalDialog弹出对话框刷新问题
- window.opener=null;window.close(),只支持IE6不支持IE7,IE8的问题
- window.showModalDialog两次加载问题清除缓存方法
- Window.ShowModalDialog的参数问题
- min-height最小高度实现的解决方法,(兼容IE6、IE7、FF、Chrome)
- min-height最小高度的实现(兼容IE6、IE7、FF)
- ul中的li的高度在IE6、IE7、IE8、FF下不兼容问题的解决办法
- min-height最小高度的实现(兼容IE6、IE7、FF)
- min-height最小高度的实现(兼容IE6、IE7、FF、Chrome)
- 用min-height实现最小高度(兼容IE6、IE7、FF)