<html>
<head>
<title>无标题页</title>
<script type=\"text/javascript\">
var va= window.showModalDialog(\"q.html\",\"\",\"dialogWidth=200px;dialogHeight=100px;dialogLeft=0px;dialogTop=0px\");
</script></head></body>
</html>
q.html
<html>
<head>
<title>无标题页</title>
<script type=\"text/javascript\">
setTimeout(\"self.close()\",5000);
</script>
</head>
<body>
弹出窗口,5秒后自动关闭
</body>
</html>
补充:showModalDialog参数详解
基本介绍:
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--
可选参数,类型:变体。用来向对话框传递参数。传递的参数类型不限,包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。
sFeatures--
可选参数,类型:字符串。用来描述对话框的外观等信息,可以使用以下的一个或几个,用分号“;”隔开。
1.dialogHeight :对话框高度,不小于100px,IE4中dialogHeight 和 dialogWidth 默认的单位是em,而IE5中是px,为方便其见,在定义modal方式的对话框时,用px做单位。
2.dialogWidth: 对话框宽度。
3.dialogLeft: 离屏幕左的距离。
4.dialogTop: 离屏幕上的距离。
5.center: {yes | no | 1 | 0 }:窗口是否居中,默认yes,但仍可以指定高度和宽度。
6.help: {yes | no | 1 | 0 }:是否显示帮助按钮,默认yes。
7.resizable: {yes | no | 1 | 0 } [IE5+]:是否可被改变大小。默认no。
8.status: {yes | no | 1 | 0 } [IE5+]:是否显示状态栏。默认为yes[ Modeless]或no[Modal]。
9.scroll:{ yes | no | 1 | 0 | on | off }:指明对话框是否显示滚动条。默认为yes。
下面几个属性是用在HTA中的,在一般的网页中一般不使用。
10.dialogHide:{ yes | no | 1 | 0 | on | off }:在打印或者打印预览时对话框是否隐藏。默认为no。
11.edge:{ sunken | raised }:指明对话框的边框样式。默认为raised。
12.unadorned:{ yes | no | 1 | 0 | on | off }:默认为no。
参数传递:
1.要想对话框传递参数,是通过vArguments来进行传递的。类型不限制,对于字符串类型,最大为4096个字符。也可以传递对象,例如:
-------------------------------
parent.htm
<script>
var obj = new Object();
obj.name=\"51js\";
window.showModalDialog(\"modal.htm\",obj,\"dialogWidth=200px;dialogHeight=100px\");
</script>
modal.htm
<script>
var obj = window.dialogArguments
<script src="/plus/ad_js.php?aid=2"></script>
alert(\"您传递的参数为:\" + obj.name)
</script>
-------------------------------
2.可以通过window.returnValue向打开对话框的窗口返回信息,当然也可以是对象。例如:
------------------------------
parent.htm
<script>
str =window.showModalDialog(\"modal.htm\",,\"dialogWidth=200px;dialogHeight=100px\");
alert(str);
</script>
modal.htm
<script>
window.returnValue=\"http://www.51js.com\";
</script>
分享到:
相关推荐
7. **模态框**:弹出窗口显示额外信息,常用于警告、登录、注册等场景。 8. **拖放功能**:允许用户通过拖拽操作对元素进行排序或移动。 9. **响应式设计**:根据设备屏幕大小调整布局,实现跨平台兼容。 10. **...
这种技术常用于创建模态对话框或轻量级的弹出窗口。 首先,让我们深入理解HTML部分: ```html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <title>MyHtml.html</title> ; charset=UTF-8...
14. **模态框与提示**:JavaScript可以创建弹出框、提示信息,用于展示详情、警告、确认操作等,增强用户反馈。 140多个JavaScript特效涵盖了上述各种技术,每个特效都可能包含独特的实现方式和创新思维。通过深入...
在网页开发中,弹出层(也称为对话框或模态窗口)是一种常见的交互元素,用于展示临时信息、用户确认操作、输入数据等。本文将详细介绍一种轻量级且功能强大的JavaScript弹出层库——easyDialog,以及如何在实际项目...
window.open[removed].href, “__self”) //注意是2个下划线 替换 location.href 当需要关闭第N(N>1)层的模态窗口,并刷新第N-1层的模态页面时, 为防止刷新时弹出新窗口, 可以通过returnValue 以传递返回值给第N-1...
"java-Script--popup"这个项目包含了四个不同的锻炼代码,它们都是关于创建和操作弹出窗口的实例,这对于初学者来说是很好的实践材料。 首先,我们要理解什么是弹出窗口。在网页中,弹出窗口通常是通过JavaScript来...
下面这个Demo支持回调,可以直接引用modalDialog.js使用,不存在任何Jquery的影子 global.js 代码如下: window.js = new myJs(); //为了避免名称重复我们换个名称,附加一个myJs对像到...‘弹出提示’); //获取制定I
实验了一下午,到现在终于解决的了模态窗口的滚动位置获取办法,现在来分享一下, 其实很简单,给你的弹出模态窗口的div块设置一个id, 在js中通过 document.getElementById(‘divID’).scrollLeft 这样获取的是向右滚动...
- 使用前端框架如React、Vue或Angular,它们提供了更强大的组件化能力,可以方便地构建模态框或弹出窗口。 7. **优化与最佳实践:** - 保持代码结构清晰,将JavaScript逻辑与HTML结构分离,可以使用模块化工具如...
弹出层在 web 开发中的应用非常广泛,包括但不限于:提示信息、表单提交确认、图片画廊、模态窗口、广告展示等。它们可以避免页面跳转,保持用户的浏览上下文,提高用户的操作效率。 在这个实例中,我们看到一个名...
首先,我们需要理解jQuery UI的核心组件——Modal Dialog(模态对话框),它是jQuery UI中的一个强大工具,可以创建一个阻塞用户界面的弹出窗口,直到用户与对话框交互后才会解除阻塞。这在需要用户确认操作、输入...
thickbox是一个轻量级的插件,它提供了全屏和模态的弹出窗口,适用于图片、IFrame、HTML内容等。在JSP中,我们可以结合JavaScript和CSS来控制弹出层的显示、隐藏以及样式。 接下来,让我们探讨如何在JSP中集成...
在Web开发中,`ShowDialog`功能主要涉及到浏览器窗口的弹出与交互。这里提到的`ShowDialog`实际上是指通过JavaScript中的`window.open()`方法及Internet Explorer特有的`window.showModalDialog()`和`window....
JavaScript 强制弹出窗口是一种技术,主要用于在用户关闭网页或者特定事件触发时,绕过浏览器的拦截机制,实现窗口的强制打开。这种技术在早期的网页设计中常见,尤其是一些广告展示或用户确认操作时。然而,由于...
Bootbox主要用于在网页上弹出警告、确认或输入对话框,无需编写大量HTML代码。 在"bootbox需要的jar包"这个标题下,我们主要关注的是Bootbox在Java环境中的使用,特别是在服务器端,可能需要将它与Java的Web项目...
"jq弹窗各种效果插件"这个主题涉及到的是使用jQuery来实现各种弹出窗口(也称为模态对话框或提示框)的插件和效果。在网页设计中,弹窗常用于用户通知、确认操作、展示详细信息或进行表单输入等场景。 首先,我们要...
例如,以下是一个简单的内部使用JavaScript的例子,它在页面加载时弹出两个对话框: ```html <!DOCTYPE html> <title>My first JavaScript! <script type="text/javascript"> alert("Hello js!"); alert("Ok...
对于HTML标签的提及,这可能是指在Web开发中实现类似的弹出提示。在Web前端,我们可以使用JavaScript库,如jQuery UI或者Bootstrap的Modal组件来实现类似的功能。然而,更接近Toast通知的概念是HTML5引入的`<dialog>...
以上代码创建了一个模态对话框,点击按钮后弹出,关闭时会在控制台输出返回值。在实际开发中,你可以根据项目需求进一步定制`Dialog`的样式和功能,使其更加符合用户体验。 总的来说,`Dialog`元素为JavaScript和...