`

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

    博客分类:
  • HTML
阅读更多
项目中用到了模态窗口:

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

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

增加节目     ...

 

分享到:
评论

相关推荐

    DIV 实现showModalDialog效果,绝对赞

    在网页开发中,`showModalDialog` 是一个老式的JavaScript API,用于打开一个新的浏览器窗口,显示模态对话框。然而,随着Web标准的发展,使用`div`元素来模拟`showModalDialog`效果已经成为一种更现代、更灵活的...

    JS对话框_JS模态对话框showModalDialog用法总结

    父窗口: 代码如下:&lt;html&gt;&lt;head&gt;&lt;title&gt;无标题页&lt;/title&gt;[removed]function opendialog1() { var someValue=window.showModalDialog(“b.html”,””,”dialogWidth=500px;dialogHeight=...

    网页弹出窗口代码汇总

    本文档汇总了几种常用的网页弹出窗口的实现方法,包括通过`window.open`方法创建新窗口、使用`showModalDialog`和`showModelessDialog`方法创建模态和非模态对话框,以及通过HTA技术创建富客户端应用。 #### 一、...

    asp.net中制作日期选择功能.doc

    &lt;title&gt;无标题页&lt;/title&gt; body, td { font-size:9pt; } input { color:333333; font-size:9pt; border-width:0; padding:2; width:20; } // 代码略... (document.forms[0])"&gt; &lt;!-- 日历控件的HTML元素...

    asp.net弹出窗口 返回值

    [removed]…function Pop() …{ var result=showModalDialog(‘downs.aspx’,’subpage’,’dialogWidth:400px;dialogHeight:300px;center:yes;help:no;resizable:no;status:no’); //打开模态子窗体,并获取返回值d

    JavaScript笔记.doc

    2. document对象的属性:如document.title获取或设置页面标题。 3. window对象:代表浏览器的窗口,是全局对象。 4. window.open():新建浏览器窗口。 5. 警告框、确认框、提示框:alert()、confirm()、prompt()用于...

Global site tag (gtag.js) - Google Analytics