关于 IE 模态对话框的两个问题
来源:互联网 发布:斜率优化 编辑:程序博客网 时间:2024/05/17 12:49
showModalDialog 打开的模态对话框有不少经典的缺陷,在这里不再冗述,我只谈谈最近碰到的几个问题以及解决办法。
问题1. showModalDialog 打开一个 aspx 页面时,如果该页面在之前已经打开过一次,则自动会加载缓存中的页面,而不能显示最新数据。
解决的办法有两种:
(1). 在打开模态框时,给 url 后面多加一个随机参数,来避免页面被缓存:
var result = window.showModalDialog(url,'', 'status:no; help:no;');
(2). 在该 asp.net 页面的 Page_Load 方法里设定不缓存:
Response.Expires = 0;
Response.Cache.SetNoStore();
Response.AppendHeader("Pragma", "no-cache");
}
问题2. 模态对话框中的内容和脚本加载次序不同,导致的问题。
缘起:考虑如下页面的代码
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
</head>
<body>
<input id="txt1">
<script type="text/javascript">
<!--
alert(document.getElementById('txt1').offsetWidth);
//-->
</script>
</body>
</html>
这个页面,如果在普通的 IE 窗口中加载时,提示的信息是 "155",而在模态对话框中执行时,其数值是 "0"。为什么会这样?
我们注意到普通窗口打开该页面时,当跳出 alert 对话框后,整个页面元素都已经正常显示了;而模态框在打开时,跳出 alert 对话框后,其背景却是一片空白;等点击“确定”后,才会显示出网页内容。
由此可以推测,模态框和普通页面在解析执行 HTML 时的次序不同:
普通页面:依次解析 body 中的元素,并随即绘制(render)解析完的元素。如果碰到 script, 则立刻执行之。
模态对话框:依次解析 body 中的元素,但并未立即绘制(render)它们。如果碰到 script, 则立刻执行之。等 body 都加载完毕后,再依次绘制其中的元素。
由于以上我们示例代码中访问到了 offsetWidth 属性,而我们可以推知,该属性一定是当元素被绘制(render)完毕后,才会自动计算出有意义的数值。所以就导致了问题中看到的现象。
之所以考虑到这个问题,其实是因为我在模态对话框中使用一个第三方控件的时候,出现了 bug,经过调试发现根源的原因在于该控件采用了常用的代码模式来输出其 HTML。也就是在一段 HTML 输出后,紧接着输出其初始化脚本。(这个问题值得 ASP.NET 控件开发者引起注意)
幸运的是,我有这个控件的源代码。因此修改源代码解决了这个问题。我的解法类似于这样:
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
</head>
<body>
<input id="txt1">
<script type="text/javascript">
<!--
var _document_body_onload = document.body.onload;
document.body.onload = function(){
// 这里做你需要做的初始化动作
alert(document.getElementById('txt1').offsetWidth);
if(_document_body_onload && typeof(_document_body_onload) == 'function')
_document_body_onload();
}
//-->
</script>
</body>
</html>
- 关于 IE 模态对话框的两个问题
- 关于 IE 模态对话框的两个问题
- 关于 IE 模态对话框的两个问题
- 关于IE浏览器模态对话框中缓存问题
- 关于模态对话框的销毁问题
- IE 模态对话框
- IE的模态对话框里的问题还真是不少
- 关于ie被搜狗强的问题。。。
- 关于ie兼容性的问题
- 关于非模态对话框的问题
- MFC关于对话框的问题
- 关于全局对话框的问题
- 模态对话框的支持 (IE,Firefox,Chrome)
- 模态对话框的支持 (IE,Firefox,Chrome)
- 两个对话框通信问题
- 关于“模态对话框”和“非模态对话框”的区别
- 关于模态对话框与非模态对话框的区别
- 关于“模态对话框”和“非模态对话框”的区别
- linux下配置minicom
- SQL递归查询
- Auto submit Daily Report
- 在ASP编程中,身份认证可以说是常要用到的。但怎么样才能做到认证的安全呢?
- PHP标记、注释、变量风格
- 关于 IE 模态对话框的两个问题
- request
- C++的底层机制
- ASP代码实现同一空间绑定多个域名
- C++指针使用方法
- 《追风筝的人》(The Kite Runner)好小说,好电影
- BUG日志
- 配置Apache二级域名
- Life in the Philosophy Class