`

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>

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

增加节目     ...

 

分享到:
评论

相关推荐

    html 模态窗口使用

    对于非模态窗口,虽然IE中提供了`showModelessDialog()`方法,但在现代Web开发中,由于跨浏览器兼容性和安全性问题,推荐使用其他技术如`&lt;dialog&gt;`元素或第三方库实现。 #### 结论 尽管`window.showModalDialog()`...

    模态窗口解决方案

    2. **响应式设计**:考虑到不同设备和屏幕尺寸,模态窗口的设计应当具备响应式,即根据设备宽度调整大小,确保在手机和平板等移动设备上的良好显示效果。 3. **测试和调试**:在多个浏览器和设备上进行测试是必不可...

    使用selenium测试showModalDialog模态对话框

    这段代码首先定义了一个JavaScript字符串,用于重写 `showModalDialog` 方法,将其替换为 `window.open` 函数,这样对话框将以非模态窗口的形式打开,Selenium 就可以继续执行并选中这个新窗口。然后,代码模拟点击...

    模态窗口demo及说明

    下面是一个使用`window.showModalDialog()`创建模态窗口的示例: ```javascript var mxh1 = new Array("mxh", "net_lover", "E"); var mxh2 = window.open("about:blank", "window_mxh"); // 打开模态窗口 window....

    分页后弹出模态窗口刷新父窗口

    - 给定代码中的`window.showModalDialog`函数就是用来弹出模态窗口的。该函数接收三个参数:模态窗口的URL、调用者的窗口对象以及窗口的配置选项。 ### 二、实现逻辑分析 #### 1. 模态窗口弹出逻辑 - `function ...

    ASP.NET模态窗口的实现

    在 ASP.NET 中,实现模态窗口可以通过使用 `showModalDialog` 和 `showModelessDialog` 两个方法。这些方法可以用来创建一个显示 HTML 内容的模态或非模态对话框。 showModalDialog 方法 `showModalDialog` 方法...

    javascript showModalDialog 多层模态窗口实现页面提交及刷新的代码

    本文将深入探讨如何使用`showModalDialog`实现多层模态窗口的页面提交及刷新。 首先,我们来看一下如何在第N层(N&gt;1)的模态窗口中链接到其他页面或刷新当前页。由于`showModalDialog`打开的窗口是阻塞的,直接使用...

    关于jsp网页设计的模态和非模态窗口

    "关于jsp网页设计的模态和非模态窗口" 模态窗口和非模态窗口的概念 在网页设计中,模态窗口(Modal Dialog)和非模态窗口(Modeless Dialog)是两种常用的对话框类型。模态窗口是一种阻塞式对话框,用户必须首先...

    模态窗口和非模态窗口

    在JavaScript编程中,模态窗口和非模态窗口是两种重要的交互方式,它们用于与用户进行更复杂的交互,提供信息或获取用户输入。模态窗口强制用户先处理该窗口,而不能与页面其他部分交互,直到关闭为止。非模态窗口则...

    HTML模态窗口

    1. **兼容性问题**:`window.showModalDialog()`仅在Internet Explorer浏览器中可用,对于现代浏览器,推荐使用自定义的模态窗口插件或库。 2. **页面提交问题**:如果在模态窗口中进行页面提交,可能会导致意外的新...

    javascript调用的模态窗口

    "javascript调用的模态窗口"是指使用JavaScript来创建或控制的一种弹出式窗口,这种窗口在显示时会阻止用户对父窗口的交互,直到用户关闭了模态窗口。这个功能在很多场景下都非常实用,比如表单验证、用户提示或者...

    showModalDialog 弹出窗口关闭不刷新父窗口最终实现了

    `showModalDialog` 是一个非常实用的功能,允许创建模态对话框(即用户必须与之交互才能继续使用页面其他部分的窗口)。然而,在某些情况下,我们可能希望在关闭弹出窗口后,不刷新父窗口(即打开弹出窗口的页面),...

    模态窗口,在IE下是模态,在FF下不是模态,作了最大的努力来实现通用

    标题中的“模态窗口,在IE下是模态,在FF下不是模态,作了最大的努力来实现通用”揭示了一个常见的Web开发问题,涉及到浏览器兼容性。模态窗口(Modal Window)是一种用户界面元素,它在显示时会阻止用户与页面其他...

    供模态窗口调用的页面模板(asp)

    js调用模态窗口的asp页面模板。调用示例: var vmyasp="abc.asp?id="+id; var vbt1="页面窗口title"; var vbt2="附加的title"; var myretu=window.showModalDialog("mywindow.asp?bt1="+escape(vbt1)+"&bt2;="+...

    showModalDialog刷新窗口的例子

    在IT行业中,尤其是在Web开发领域,`showModalDialog`是一个重要的JavaScript函数,它用于打开一个模态对话框,即在用户与新窗口交互时,主窗口会被暂时禁用。这个功能在需要用户输入额外信息或者确认操作时非常有用...

    showModalDialog模态对话框的使用详解以及浏览器兼容

    主要的区别在于,当使用`showModalDialog`打开一个子窗口时,父窗口会失去焦点,用户无法与父窗口进行交互,直到关闭子窗口。这种方式确保了用户在处理子窗口内容时不会被其他窗口干扰。 ### 1. `showModalDialog`...

    Chrome中模态对话框showModalDialog返回值问题的解决方法

    尽管`showModalDialog`在某些场景下仍然有用,但由于它的兼容性和标准支持问题,现代Web开发更倾向于使用`modal`对话框(如Bootstrap的模态组件)或者JavaScript库(如jQuery UI的dialog)来替代。这些替代方案提供...

    JS--的模态窗口应用

    JavaScript中的模态窗口和非模态窗口是网页交互中常用的功能,它们用于向用户展示信息、获取用户输入或执行特定任务。模态窗口会阻止用户与页面其他部分的交互,直到对话框关闭;而非模态窗口则允许用户在多个窗口间...

    Chrome不支持showModalDialog模态对话框和无法返回returnValue问题的解决方法

    首先,问题在于Chrome不会像预期那样阻止用户与父窗口交互,它实际上将`showModalDialog`当作了`window.open`方法处理,打开了一个新的非模态窗口。这使得用户可以在子窗口活动的同时操作父窗口,且`returnValue`...

Global site tag (gtag.js) - Google Analytics