`

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

    博客分类：
  • HTML
CSSJavaScriptIEJSP浏览器 
阅读更多 
项目中用到了模态窗口：

/*用途：弹出模式窗口
此功能只能在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>

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

增加节目     ...

 

分享到：
| Cannot find bean org.apache.struts.tagli ...
评论
发表评论

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

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics