项目中用到了模态窗口:
/*用途:弹出模式窗口
此功能只能在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>增加节目 </title>
不过最后会出现三个...代替了原来的“--网页对话框”,标题显示如下:
增加节目 ...
分享到:
相关推荐
在网页开发中,`showModalDialog` 是一个老式的JavaScript API,用于打开一个新的浏览器窗口,显示模态对话框。然而,随着Web标准的发展,使用`div`元素来模拟`showModalDialog`效果已经成为一种更现代、更灵活的...
父窗口: 代码如下:<html><head><title>无标题页</title>[removed]function opendialog1() { var someValue=window.showModalDialog(“b.html”,””,”dialogWidth=500px;dialogHeight=...
本文档汇总了几种常用的网页弹出窗口的实现方法,包括通过`window.open`方法创建新窗口、使用`showModalDialog`和`showModelessDialog`方法创建模态和非模态对话框,以及通过HTA技术创建富客户端应用。 #### 一、...
<title>无标题页</title> body, td { font-size:9pt; } input { color:333333; font-size:9pt; border-width:0; padding:2; width:20; } // 代码略... (document.forms[0])"> <!-- 日历控件的HTML元素...
[removed]…function Pop() …{ var result=showModalDialog(‘downs.aspx’,’subpage’,’dialogWidth:400px;dialogHeight:300px;center:yes;help:no;resizable:no;status:no’); //打开模态子窗体,并获取返回值d
2. document对象的属性:如document.title获取或设置页面标题。 3. window对象:代表浏览器的窗口,是全局对象。 4. window.open():新建浏览器窗口。 5. 警告框、确认框、提示框:alert()、confirm()、prompt()用于...