showModalDialog的title问题(模态窗口标题显示问题)

项目中用到了模态窗口:

/*用途:弹出模式窗口
此功能只能在IE5.0以上浏览器使用。
弹出窗口的风格为居中,没有状态栏,没有IE按钮,菜单,地址栏
输入:
strUrl: 弹出窗口内显示的网页的地址
winWidth: 弹出窗口的宽度,单位为px
winHeight: 弹出窗口的高度,单位为px
winLeft: 弹出窗口的左坐标,单位为px
winTop:     弹出窗口的顶坐标,单位为px
返回:
如果通过验证返回true,否则返回false 
*/
function showModal( strUrl,winWidth,winHeight){
var left = "", top = "";
// alert(arguments[3] + ":" + arguments[4]);
if(arguments[3] != null) left = "dialogLeft:" + arguments[3] + "px;"
if(arguments[4] != null) top = "dialogTop:" + arguments[4] + "px;"
return window.showModalDialog(strUrl,
          window,
          "dialogWidth:"+ winWidth + "px;" + "dialogHeight:"+winHeight + "px;" 
          + left + top 
          + "directories:yes;help:no;status:no;resizable:no;scrollbars:yes;");

但是很奇怪:每个弹出的模态窗口的标题栏都是同一的名字“--网页对话框”

好奇怪呀!

我在弹出窗口的页面head中加了<title>增加节目</title>,但是还是没有显示出来标题!

原来页面的写法是这样的:

<%@include file="/internet/common.jsp"%>
<html>
<SCRIPT language="JavaScript" src="/pageComponent/resources/scripts/dataformcheck.js"></SCRIPT>
<SCRIPT language="JavaScript" src="/pageComponent/resources/scripts/calendar.js"></SCRIPT>
<SCRIPT language="JavaScript" src="/fbtools/page/hiddensubmit.js" type="text/javascript"></SCRIPT>
<link rel="stylesheet" href="/fbrole/theme/style.css" type="text/css">
<link rel="stylesheet" href="/pageComponent/resources/theme/style.css" type="text/css">
<head>
<title>增加节目</title>
<base target="_self">
</head>
<body>

。。。。。。。

修改为:

<%@include file="/internet/common.jsp"%>
<html>
<head>
<title>增加节目</title>
<SCRIPT language="JavaScript" src="/pageComponent/resources/scripts/dataformcheck.js"></SCRIPT>
<SCRIPT language="JavaScript" src="/pageComponent/resources/scripts/calendar.js"></SCRIPT>
<SCRIPT language="JavaScript" src="/fbtools/page/hiddensubmit.js" type="text/javascript"></SCRIPT>
<link rel="stylesheet" href="/fbrole/theme/style.css" type="text/css">
<link rel="stylesheet" href="/pageComponent/resources/theme/style.css" type="text/css">
<base target="_self">
</head>
<body>

问题就解决了!!!

原来,这里我犯了2个错误:

1.页面引入js和css的内容都需要写在head中

2.如果要title显示出来,<title>增加节目</title>必须写在head标签内的最上面第一位。

由此看来,模态窗口对title的位置要求很严格,必须是严格的放在head标签的第一位。而其他窗口(比如window.open())则没有过多的敏感,只要写上就会显示,忽略了那些繁琐的检验错误。

注意:

我上面的写法会发现,标题变为:增加节目 -- 网页对话框

呵呵。。。。 讨厌的“网页对话框”还在。怎么办呢?可以在<title>增加节目</title>title名字后加空格,把“--网页对话框”挤走。比如:

<title>增加节目&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</title>

不过最后会出现三个...代替了原来的“--网页对话框”,标题显示如下:

增加节目     ...

 

你可能感兴趣的:(JavaScript,jsp,css,浏览器,IE)