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

最新推荐文章于 2023-04-25 11:54:44 发布

ansonlogz

最新推荐文章于 2023-04-25 11:54:44 发布

阅读量1k

点赞数

文章标签： stylesheet javascript include null file 浏览器

本文链接：https://blog.csdn.net/jjjsss82/article/details/4337025

版权

项目中用到了模态窗口：

/*用途：弹出模式窗口
此功能只能在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名字后加空格，把“--网页对话框”挤走。比如：

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

增加节目

ansonlogz

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
[转]showModalDialog的title问题(模态窗口标题显示问题)

项目中用到了模态窗口：/*用途：弹出模式窗口此功能只能在IE5.0以上浏览器使用。弹出窗口的风格为居中，没有状态栏，没有IE按钮，菜单,地址栏输入：strUrl：弹出窗口内显示的网页的地址winWidth：弹出窗口的宽度，单位为pxwinHeight: 弹出窗口的高度，单位为pxwinLeft: 弹出窗口的左坐标，单位为pxwinTop: 弹出窗口的顶坐标，单位为px返回：如果通过
复制链接

扫一扫