模态窗口自适应 -

chengxuetao

浏览: 1650255 次
性别:

最近访客更多访客>>

whzresponse

u012363178

wangyy

zhangdongl

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

模态窗口自适应

博客分类：

JavaScript
WEB前端

1、模态窗口自适应:
在Internet Explorer中定义window.open 和 window.showModalDialog以
打开一个网页对话框的时候,
在不同版本的Windows和不同版本的IE中,窗口的大小和样式都是不同的。
在IE7中更是有了很大的不同,状态栏,主要内容被默认保留(下详),
还加了一个只读状态的地址栏.
窗口的最小尺寸被限定在了250*150：



如上图所示：在ie7中，定义的高度仅仅是窗体内容高度，

状态栏及地址栏的高度都不算在内的；

而ie6则包含了状态栏及地址栏的高度。所以，我们需要依据不同的操作系统及ie版本，

高度自适应的js代码如下：

/*

*

* 模态窗口高度调整.

* 根据操作系统及ie不同版本,重新设置窗口高度,避免滚动条出现.

*/

function resetDialogHeight(){

  if(window.dialogArguments==null){

    //忽略非模态窗口

    return;

  }

  var ua=navigator.userAgent;

  var height = document.body.offsetHeight;

  if(ua.lastIndexOf("MSIE 6.0")!=-1){

    if(ua.lastIndexOf("Windows NT 5.1")!=-1){

      //alert("xp.ie6.0");

      var height=document.body.offsetHeight;

      window.dialogHeight=(height+102)+"px";

    } else if(ua.lastIndexOf("Windows NT 5.0")!=-1){

      //alert("w2k.ie6.0");

      var height=document.body.offsetHeight;

      window.dialogHeight=(height+49)+"px";

    }

  }

}

模态窗口页面加上如下代码：

//窗口加载后，判断系统及其ie版本调整高度

window.onload=resetDialogHeight;

2、ie7中模态窗口提交时新开窗口问题:

IE 7.0对模态窗口<base target='_self'>属性的放置位置更加严格。

<base>标签必须放置在<head>标签对中，否则提交表单时总是会新开窗口。

  示例如下 ：

<html>

<head>

<title>标题</title>

<base target="_self"/>

.. .. ..

</head>

<body onload="pageClose();" scroll="no">

.. .. ..

</body>

分享到：

2010-04-10 09:20
浏览 913
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

模态窗口自适应

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

模态窗口自适应

评论

发表评论

相关推荐

Javascript评估用户输入密码的强度的方法 代码

15款基于浏览器扩展的WEB开发工具

WEB 服务器调试利器 -- Tamper Data(转)

图片和文字放一起，不能居中的解决方法

解开JavaScript生命的达芬奇密码

掌控上传进度的AJAX Upload（转贴）

深入浅出URL编码

Javascript跨域访问解决方案

不唐突的JavaScript的七条准则(转载)

浅谈Javascript中的事件流和事件绑定

JavaScript继承详解（二）

JavaScript继承详解（一）

javascript实用技巧--数组.

IE和Firefox之间的JavaScript差异

常见的JavaScript错误

JS获取浏览器窗口大小 获取屏幕，浏览器，网页高度宽度

Javascript的Defer属性

最佳的"addEvent"是怎样诞生的

值得推荐的事件捕获函数AddEvent()

【CSS布局.2】绝对定位和相对定位

最近访客更多访客>>

Javascript评估用户输入密码的强度的方法代码

JS获取浏览器窗口大小获取屏幕，浏览器，网页高度宽度