基本介绍：
showModalDialog()         (IE 4+ 支持)
showModelessDialog()      (IE 5+ 支持)
window.showModalDialog()                  方法用来创建一个显示HTML内容的模态对话框。
window.showModelessDialog()             方法用来创建一个显示HTML内容的非模态对话框。
使用方法：
vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])
vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])
参数说明：
sURL          --  必选参数，类型：字符串。用来指定对话框要显示的文档的URL。
vArguments    -- 可选参数，类型：变体。用来向对话框传递参数。传递的参数类型不限，包括数组等。对话框通过

常见技巧：

一、怎样才让在showModalDialog和showModelessDialog的超连接不弹出新窗口？
在被打开的网页里加上<base target="_self">就可以了。这句话一般是放在<head>之间的。

二、怎样才刷新showModalDialog和showModelessDialog里的内容？
在showModalDialog和showModelessDialog里是不能按F5刷新的，又不能弹出菜单。这个只能依靠

javascript了，以下是相关代码：

<body οnkeydοwn="if (event.keyCode==116){reload.click()}">
<a id="reload" href="filename.htm" style="display:none">reload...</a>

　　将filename.htm替换成网页的名字然后将它放到你打开的网页里，按F5就可以刷新了，注意，这个要

配合<base target="_self">使用，不然你按下F5会弹出新窗口的。

三、如何用javascript关掉showModalDialog(或showModelessDialog)打开的窗口。
<input type="button" value="关闭" οnclick="window.close()">
也要配合<base target="_self">，不然会打开一个新的IE窗口，然后再关掉的。

四、Math.random与showModalDialog。

当你设置的弹出网页固定时（如上面的"modal.htm"页面），ie很可能到临时文件区，下载上次产生的该页面(openPage.html),而没有重新加载，

对于动态加载的页面来说，这样往往产生误会，如没有及时更新数据，也就更不利于开发者测试。所以，你可以采用如下方式：

var strPage = “/medal.htm?random="+Math.random();

这样每次产生的strPage是不一样的，原因也就不言自明了。

JS弹出对话框

对话框有三种

1：只是提醒，不能对脚本产生任何改变；

2：一般用于确认，返回 true 或者 false ，所以可以轻松用于 if...else...判断

3：一个带输入的对话框，可以返回用户填入的字符串，常见于某些留言本或者论坛输入内容那里的插入UBB格式图片

下面我们分别演示：

<%@LANGUAGE="JAVASCRIPT" CODEPAGE="936"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<htmlxmlns="http://www.w3.org/1999/xhtml">

<head>

<metahttp-equiv="Content-Type" content="text/html;charset=gb2312"/>

<title>三种弹出对话框的用法实例</title>

<scriptlanguage="javascript">

function ale()

{//这个基本没有什么说的，就是弹出一个提醒的对话框

alert("我敢保证，你现在用的是演示一");

}

function firm()

{//利用对话框返回的值（true 或者 false）

if(confirm("你确信要转去天轰穿的博客？"))

{//如果是true，那么就把页面转向thcjp.cnblogs.com

location.href="http://thcjp.cnblogs.com";

}

else

{//否则说明下了，赫赫

alert("你按了取消，那就是返回false");

}

function prom()

{

var name=prompt("请输入您的名字","");//将输入的内容赋给变量name ，

//这里需要注意的是，prompt有两个参数，前面是提示的话，后面是当对话框出来后，在对话框里的默认值

if(name)//如果返回的有内容

{

alert("欢迎您："+ name)

}

</script>

</head>

<body>

<p>对话框有三种</p>

<p>1：只是提醒，不能对脚本产生任何改变；</p>

<p>2：一般用于确认，返回 true 或者 false ，所以可以轻松用于 if

else

判断</p>

<p>3：一个带输入的对话框，可以返回用户填入的字符串，常见于某些留言本或者论坛输入内容那里的插入UBB格式图片 </p>

<p>下面我们分别演示：</p>

<p>演示一：提醒对话框</p>

<p>

<inputtype="submit" name="Submit" value="提交" onclick="ale()"/>

</p>

<p>演示二：确认对话框 </p>

<p>

<inputtype="submit" name="Submit2" value="提交" onclick="firm()"/>

</p>

<p>演示三：要求用户输入，然后给个结果</p>

<p>

<inputtype="submit" name="Submit3" value="提交" onclick="prom()"/>

</p>

</body>

</html>

js弹出窗口详解

<SCRIPT LANGUAGE="javascript">

</SCRIPT>
参数解释：
window.open 弹出新窗口的命令；
'page.html' 弹出窗口的文件名；
'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空''代替；
100 窗口高度；
width=400 窗口宽度；
top=0 窗口距离屏幕上方的象素值；
left=0 窗口距离屏幕左侧的象素值；
toolbar=no 是否显示工具栏，yes为显示；
menubar，scrollbars 表示菜单栏和滚动栏。
resizable=no 是否允许改变窗口大小，yes为允许；
location=no 是否显示地址栏，yes为允许；
status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；

二、弹启一个全屏窗口

加入fullscreen
<SCRIPT LANGUAGE="javascript">

</SCRIPT>

三、打开一个和按F11所见到的一样的窗口

加入channelmode
<SCRIPT LANGUAGE="javascript">

</SCRIPT>

四、打开一个连标题栏都没有的窗口（无标题、最小、最大、以及关闭按钮）

<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<script language="javascript">
function unload()
{
var popUpSizeX=200; //窗口的宽度
var popUpSizeY=166; //窗口的高度

var popUpLocationX=2;//距离左边的距离相当于 left
var popUpLocationY=2;//距离顶端的距离相当于 top

// URL of the popUp
var popUpURL="http://www.33d9.com/default.asp";; //打开页面的路径

// ** 下面的就不要随便改了 ***
splashWin = window.open("",'x','fullscreen=1, ,scrollbars=auto,resizable=1');
splashWin.blur(); // Hide while updating
window.focus();
splashWin.resizeTo(popUpSizeX,popUpSizeY);
splashWin.moveTo(popUpLocationX,popUpLocationY);
splashWin.location=popUpURL;
}
// END
unload();
</script>
</HEAD>
<BODY></BODY></HTML>

看看，什么效果？如果把resizable 设为0 scrollbars = no 呢？

五、没有最大化按纽的窗口

其实也就是象软件的“关于我们”的那个窗口一样，下面就是用对话框窗口来实现它。
showModalDialog()以及showModelessDialog()

1．用showModalDialog()
<html>
<SCRIPT LANGUAGE="javascript">

</SCRIPT>
<b>www.fwcn.com</b>
</body>
</html>
2．用showModelessDialog()
<html>
<SCRIPT LANGUAGE="javascript">

</SCRIPT>
<b>www.fwcn.com</b>
</body>
</html>
至于showModalDialog()与showModelessDialog()的区别，在于showModalDialog()打开的窗口（简称模式窗口），置在父窗口上，必须关闭才能访问父窗口(建议尽量少用，以免招人反感)；showModelessDialog()（简称无模式窗口），打开后不必关闭也可访问父窗口打开的窗口。

现在我将这里的一些参数说明一下。
dialogHeight: iHeight 设置对话框窗口的高度。
dialogWidth: iWidth 设置对话框窗口的宽度。　　
dialogLeft: iXPos 设置对话框窗口相对于桌面左上角的left位置。
dialogTop: iYPos 设置对话框窗口相对于桌面左上角的top位置。
center: {yes | no | 1 | 0 } 指定是否将对话框在桌面上居中，默认值是“yes”。
help: {yes | no | 1 | 0 } 指定对话框窗口中是否显示上下文敏感的帮助图标。默认值是“yes”。　　
resizable: {yes | no | 1 | 0 } 指定是否对话框窗口大小可变。默认值是“no”。
status: {yes | no | 1 | 0 } 指定对话框窗口是否显示状态栏。对于非模式对话框窗口，默认值是“yes”；对于模式对话框窗口，默认值是 “no”。

六、弹出n 个窗口
这很简单，只要执行n 次window.open()就行了，当然一定要给每个窗口起不同的名字，
还有，设置一下left和top，避免重叠。

七、刷新之后就不再弹出窗口
我们使用cookie来控制一下就可以了。
首先，将如下代码加入主页面HTML的<HEAD>区：
<script>
function openwin(){
window.open("page.html","","width=200,200")
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (documents.cookie.length > 0) {
offset = documents.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = documents.cookie.indexOf(";", offset);
if (end == -1)
end = documents.cookie.length;
returnvalue=unescape(documents.cookie.substring(offset, end))
}
}
return returnvalue;
}
function loadpopup(){
if (get_cookie('popped')==''){
openwin()
documents.cookie="popped=yes"
}
}
</script>
然后，用<body οnlοad="loadpopup()">（注意不是openwin而是loadpop啊！）替换主页面中原有的<BODY>这一句即可。你可以试着刷新一下这个页面或重新进入该页面，窗口再也不会弹出了。

八、让弹出窗口适应里面图片的大小

很多时候我们需要提供这样的功能给访问者：当访问者点击页面中的缩略图时，其对应的全尺寸图片将显示在一个新的弹出窗口中供访问者查看。

实现此功能的最简单作法是用以下HTML代码创建一个图像链接：
<a href="fullsize.jpg" target="_blank"><img src="small.jpg"></a>
其中<a>标记的href属性指定全尺寸图片的URL，target属性设置为_blank指定在新窗口中显示该图片；<img>标记的src属性指定缩略图的URL。

如果我们想对显示全尺寸图片的窗口的外观进行某些控制（比如希望弹出窗口的高度、宽度能与全尺寸图片的大小匹配时），则可调用 window.open 方法，该方法接收三个参数，分别指定要打开文件的URL，窗口名及窗口特性，在窗口特性参数中可指定窗口的高度、宽度，是否显示菜单栏、工具栏等。以下代码将显示全尺寸图片在一个没有工具栏、地址栏、状态栏、菜单栏，宽、高分别为400、350的窗口中：
<a href="fullsize.jpg" onClick="window.open(this.href,'', 'height=350,width=400,toolbar=no,location=no,status=no,menubar=no');return false"><img src="small.jpg"></a>

这里就提出了个问题，如果所有全尺寸图片都具有统一的大小（比如都是400x350），那么以上代码适用于所有的缩略图片链接（只是href属性指向的全尺寸图片文件不同）。但如果全尺寸图片的大小并不统一，还用以上代码则我们需要先取得每幅全尺寸图片的大小，然后在window.open方法的窗口特性参数中一一设置height 和width为正确的值，在图片数量较多的情况下，这显然效率太低了。那么是否有一劳永逸的方法，即让弹出窗口能自动适应要显示图片的大小？通过研究，发现可以使用 DHTML 中的 Image 对象来达到我们的目的，Image对象可动态装载指定的图片，通过读取其 width 和 height 属性即能获得装入图片的大小，以此来设置弹出窗口的大小，即可实现自适应图片大小的弹出窗口了。下面即是实现代码:
<script language="javascript" type="text/javascript">

</script>

使用时将上面的代码放在网页文档的<head></head>标记对中，然后在链接的点击事件中调用 OpenFullSizeWindow函数，如<a href="fullsize.jpg" onClick="OpenFullSizeWindow(this.href,'','');return false"><img src="small.jpg"></a>即可。
以上代码在IE 5.x－6.0中测试通过。

九、比较灵活的HTA窗口

我简单介绍一下，HTA的全名为HTML Application，翻译过来就是HTML应用程序，你只要简单的用.hta为扩展名保存HTML页面就算创建了一个HTA文件，下面我们就用HTA 来编个窗口，将以下这段代码保存为.hta文件，然后再用浏览器打开，会发现什么？买个关子，自己去瞧瞧。

<HTML>
<HEAD>
<TITLE>www.fwcn.com</TITLE>
<HTA:APPLICATION ID="oHTA"
APPLICATIONNAME="myApp"
BORDER="thin"
BORDERSTYLE="normal"
CAPTION="yes"
ICON="filename.ico"
MAXIMIZEBUTTON="yes"
MINIMIZEBUTTON="yes"
SHOWINTASKBAR="no"
INGLEINSTANCE="no"
SYSMENU="yes"
VERSION="1.0"
WINDOWSTATE="normal" />
</HEAD>
<BODY>
<b>www.fwcn.com</b>
</BODY>
</HTML>

有人会发现上面这些代码与平时的html有点不同，多了HTA:APPLICATION标签，这就是关键之处，hta通过它来提供一系列面向应用程序的功能，接下来再讲一讲它的属性（我的头又在发胀）

APPLICATIONNAME属性(applicationName)
此属性为设置HTA的名称。
BORDER属性(border)
此属性为设置为HTA的窗口边框类型，默认值为 thick。
它可以设为　thick 指定窗口为粗边框
dialog window 指定窗口为对话框
none 指定窗口无边框
thin 指定窗口为窄边框
BORDERSTYLE属性(borderStyle)
此属性为设置HTA窗口的边框格式，默认值为 normal。
它可以设为
normal 普通边框格式
complex 凹凸格式组合边框
raised 凸出的3D边框
static 3D边框格式
sunken 凹进的3D边框
CAPTION属性(caption)
此属性为设置HTA窗口是否显示标题栏或标题，默认值为 yes。
ICON属性(icon)
此属性为设置应用程序的图标。
MAXIMIZEBUTTON属性(maximizeButton)
此属性为设置是否在HTA窗口中显示最大化按钮，默认值为 yes。
MINIMIZEBUTTON属性(minimizeButton)
此属性为设置是否在HTA窗口中显示最小化按钮，默认值为 yes。
SHOWINTASKBAR属性(showInTaskBar)
此属性为设置是否在任务栏中显示此应用程序，默认值为 yes。
SINGLEINSTANCE属性(singleInstance)
此属性为设置是否此应用程序同时只能运行一次。次属性以APPLICATIONNAME属性作为标识，默认值为 no。
SYSMENU属性(sysMenu)
此属性为设置是否在HTA窗口中显示系统菜单，默认值为 yes。
VERSION属性(version)
此属性为设置应用程序的版本，默认值为空。
WINDOWSTATE属性(windowState)
此属性为设置HTA窗口的初始大小，默认值为 normal。
它可以设为 normal 默认大小
minmize 最小化
maximize 最大化
以上括号中的是在脚本引用的属性。在脚本中以上属性皆为只读属性。此外，在脚本中还可以使用commandLine属性来检索应用程序启动时的参数。
在HTA中还可以继续使用html中的绝大多数标签、脚本等。

——————————————————————————————————————————————————————————————————————————

原版地址：http://lgscofield.iteye.com/blog/1851339

查看全文
如若内容造成侵权/违法违规/事实不符，请联系编程学习网邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！

自动语音识别技术(ASR)在聋哑儿童计算机辅助教学中的开发与应用
自动语音识别技术(ASR)在聋哑儿童计算机辅助教学中的开发与应用<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" /> RDTE OF CAI FOR THE DEAF&DUMB CHILDREN BASED ON ASR一、课题来源及研究的目的和意义；据…...
2024/4/21 1:06:35
chrome不支持showModalDialog造成弹窗失败
最近在解决一个学院官网后台的兼容性问题。这个网站不是我开发的，我也接触不到代码；技术很老，jQuery+ PHP。由于权限的原因，我不能让读者复现此问题。具体情形是这样的：一个弹窗功能在IE11上是工作，但是在chorme62上不能工作。在chrome上的报错信息截图如下：定位showMod…...
2024/4/20 13:52:34
IP协议详解之配套协议：ARP, ICMP
IP地址与硬件地址物理地址是数据链路层和物理层使用的地址。IP地址则是网络层和以上各层使用的地址，是一种逻辑地址。IP地址放在IP数据报的首部，而硬件地址则放在MAC帧的首部。数据链路层看不见数据报的IP地址。数据在网络传输时，<1>. 在IP层抽象的互联网上只能看到IP…...
2024/4/21 1:06:33
showModalDialog兼容版
项目中使用showModalDialog 时发现谷歌浏览器并不支持该方法。下面给出我的解决方案首先获取对应的浏览器信息如果是谷歌的话使用open方法调用自页面如果不是使用showModalDialog 即可完美解决该问题。父页面代码:function onOpenWindow(){ if(window.ActiveXObject){/…...
2024/4/28 8:20:24
Qt使用教程
1 项目背景在完成最后一个项目的过程中，因为之前的定制版本是基于C#和WPF的，由于Qt的跨平台特性，而且相较于WPF简单易学，资料丰富，界面漂亮，尤其是能够独立安装和跨平台的特性，使得在项目开发初期就选择了C++与Qt的版本。由于之前并没有进行过界面类的开发，因此在这里…...
2024/4/21 1:06:31
手把手教你实现基于RT-Thread的百度语音识别（一）
RT-Thread简介 RT-Thread是一个集实时操作系统（RTOS）内核、中间件组件和开发者社区于一体的技术平台，由熊谱翔先生带领并集合开源社区力量开发而成，RT-Thread也是一个组件完整丰富、高度可伸缩、简易开发、超低功耗、高安全性的物联网操作系统。RT-Thread具备一个IoT OS平台…...
2024/4/20 3:26:16
AIX 添加路由
AIX 添加路由： oute add -net 192.168.1.0 -netmask 255.255.255.0 127.0.0.1 AIX 查看路由信息： netstat -rn 查看包的路由具体信息： traceroute www.baidu.com traceroute 命令用途打印 IP 信息包至某个网络主机的路由。语法 traceroute [ -m Max_ttl ] [ -n ] [ -p P…...
2024/4/20 3:46:33
Window.ShowModalDialog使用详解
Javascript有许多内建的方法来产生对话框，如：window.alert(), window.confirm(),window.prompt().等。然而IE提供更多的方法支持对话框。如： showModalDialog() (IE 4+ 支持)　 showModelessDialog() (IE 5+ 支持) window.showModalDialog()方法用来创建一个显示HT…...
2024/4/20 20:50:26
JS中showModalDialog 详细使用
基本介绍：showModalDialog() (IE 4+ 支持)showModelessDialog() (IE 5+ 支持)window.showModalDialog() 方法用来创建一个显示HTML内容的模态对话框。window.showModelessDialog() 方法用来创建一个显示HTML内容的非模态对话框。使…...
2024/4/20 20:50:25
Nmap的详细使用
Nmap的详细使用介绍常用参数选项主机发现端口扫描服务和版本探测操作系统探测性能优化防火墙/IDS 躲避和哄骗输出(一)介绍Nmap — 网络探测工具和安全/端口扫描器。　　Nmap (“Network Mapper(网络映射器)”) 是一款开放源代码的网络探测和安全审核的工具。它的设计目标是快…...
2024/4/21 1:06:30
痞子衡嵌入式：语音处理工具Jays-PySPEECH诞生记（5）- 语音识别实现(SpeechRecognition, PocketSphinx0.1.15)...
大家好，我是痞子衡，是正经搞技术的痞子。今天痞子衡给大家介绍的是语音处理工具Jays-PySPEECH诞生之语音识别实现。语音识别是Jays-PySPEECH的核心功能，Jays-PySPEECH借助的是SpeechRecognition系统以及CMU Sphinx引擎来实现的语音识别功能，今天痞子衡为大家介绍语音识别在…...
2024/4/21 1:06:29
CodeSmith基础（六）
本文主要介绍CodeSmith对象。CodeSmith Object CodeSimth中有许多对象可以在编写模板的时候使用，这里将介绍这些对象的一些公用方法和属性以及怎么使用它们。代码模板对象（CodeTemplate Object）在模板中，“this”（或者“Me”在VB.NET中）在当前模板中代码代码模板…...
2024/4/21 1:06:29
无音语音识别
如今，对于听力有障碍的群体来说，听不到的声音，可以触摸到了。 “触摸”听不到的语言，是由东京大学和索尼计算机科学研究所（CSL）共同研发的 AI 系统「Derma」实现的。有了 Derma 系统，只要在喉咙周围的皮肤上贴上传感器，利用喉咙和下颚的皮肤震动，就能将口形转化为语音…...
2024/4/21 1:06:27
技术茶话会主题：CodeSmith&NetTiers Step by Step
本期茶话会主题：CodeSmith&NetTiers Step by Step 主讲&文档撰写：Jacob.Huang 文档最后统筹：Jimmy.Ke 时间：2007-11-07 参与人员：Diapers Team & Enterprise Product Team 一技术背景在Suryani.China的项目中，GenClaims、Warehouse等项目以Microsoft Ente…...
2024/4/21 1:06:27
基于Google的嵌入式系统android开发语音技术语音搜索，语音朗读文章，语音控制
分享一下我老师大神的人工智能教程。零基础！通俗易懂！风趣幽默！还带黄段子！希望你也加入到我们人工智能的队伍中来！https://blog.csdn.net/jiangjunshow android是Google推出的嵌入式操作系统，有着广泛的根基与基础。最近一个中关村的一个CEO朋友送了一个…...
2024/4/20 12:06:24
CSLA.Net3.6中使用CodeSmith
CSLA.Net3.6中使用CodeSmith生成所有业务代码，支持多种数据库，我只测试了Oracle,和MS SQL Server。原版下载，修改版下载。“修改版”为了适合我的数据访问层的方式，主要用在Oracle数据库上。精简了一些不实用的东西。 1、执行EditableRoot.cst，生成可编辑的根对象，主要属…...
2024/4/22 9:50:43
苏州嵌入式软件方向知名公司
苏州嵌入式方向知名公司涵盖软件和硬件量大方向包含行业类型：人工智能、大数据、半导体、通信、医疗器械、汽车电子、军工耗费大量精力吐血整理、供大家求职做参考~民企&国企：中移苏州软件：大数据、云计算科沃斯机器人：扫地机器人科大讯飞：语音识别，人工智能思必驰：…...
2024/4/21 1:06:23
CodeSmith 使用教程(17) Merge策略
前面介绍了CodeSmith使用的基本用法，通过代码模板来生成代码，但如果你修改了自动生成的代码，再次使用代码模板生成代码后，你修改的代码也就丢失了，CodeSmith 支持多种“合并（Merge）”来解决这个问题，以保留你自己修该过的部分。CodeSmith支持如下三种“合并策略”：Ins…...
2024/4/21 1:06:22
网络客户端工具：ping / hping3 / lftp / ftp / lftpget / wget
网络客户端工具：ping / lftp / ftp / lftpget / wget 等pinghping安装语法格式：主要功能1、防火墙测试2、端口扫描3、Idle扫描4、拒绝服务攻击5、文件传输木马功能traceroute语法格式traceroute 输出详解示例ftp语法格式示例lftp语法示例1、登陆 ftp2、查看文件与改变目录3、…...
2024/4/21 1:06:22
codesmith使用的一个小问题
今天在用codesmith 3.2来根据Oracle中的表和模板生成实体类时，在选择data source时，发现Provider Type中没有Oracle的选项(OracleNativeSchemaProvider)，在网上搜了一下，才知道原来是要导入两个文件（SchemaExplorer.OracleNativeSchemaProvider.dll、SchemaExplorer.Oracl…...
2024/4/21 1:06:20

JS中ShowModalDialog（模态窗口）详细使用

JS弹出对话框

js弹出窗口详解

相关文章

最新文章