`

Java Script 弹出模态窗口

    博客分类:
  • HTML
阅读更多
<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>


 
分享到:
评论

相关推荐

    Java Script网页特效实例大全

    7. **模态框**:弹出窗口显示额外信息,常用于警告、登录、注册等场景。 8. **拖放功能**:允许用户通过拖拽操作对元素进行排序或移动。 9. **响应式设计**:根据设备屏幕大小调整布局,实现跨平台兼容。 10. **...

    弹出DIV层窗口(javascript脚本代码)

    这种技术常用于创建模态对话框或轻量级的弹出窗口。 首先,让我们深入理解HTML部分: ```html &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt; &lt;title&gt;MyHtml.html&lt;/title&gt; ; charset=UTF-8...

    java script 特效

    14. **模态框与提示**:JavaScript可以创建弹出框、提示信息,用于展示详情、警告、确认操作等,增强用户反馈。 140多个JavaScript特效涵盖了上述各种技术,每个特效都可能包含独特的实现方式和创新思维。通过深入...

    轻量级JavaScript弹出层示例【优秀源码】

    在网页开发中,弹出层(也称为对话框或模态窗口)是一种常见的交互元素,用于展示临时信息、用户确认操作、输入数据等。本文将详细介绍一种轻量级且功能强大的JavaScript弹出层库——easyDialog,以及如何在实际项目...

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

    window.open[removed].href, “__self”) //注意是2个下划线 替换 location.href 当需要关闭第N(N&gt;1)层的模态窗口,并刷新第N-1层的模态页面时, 为防止刷新时弹出新窗口, 可以通过returnValue 以传递返回值给第N-1...

    java-Script--popup:4个锻炼代码,带有按钮和弹出窗口

    "java-Script--popup"这个项目包含了四个不同的锻炼代码,它们都是关于创建和操作弹出窗口的实例,这对于初学者来说是很好的实践材料。 首先,我们要理解什么是弹出窗口。在网页中,弹出窗口通常是通过JavaScript来...

    javascript Demo模态窗口

    下面这个Demo支持回调,可以直接引用modalDialog.js使用,不存在任何Jquery的影子 global.js 代码如下: window.js = new myJs(); //为了避免名称重复我们换个名称,附加一个myJs对像到...‘弹出提示’&#41;; //获取制定I

    javascript 获取模态窗口的滚动位置代码

    实验了一下午,到现在终于解决的了模态窗口的滚动位置获取办法,现在来分享一下, 其实很简单,给你的弹出模态窗口的div块设置一个id, 在js中通过 document.getElementById(‘divID’).scrollLeft 这样获取的是向右滚动...

    在html页面中弹出子页面效果

    - 使用前端框架如React、Vue或Angular,它们提供了更强大的组件化能力,可以方便地构建模态框或弹出窗口。 7. **优化与最佳实践:** - 保持代码结构清晰,将JavaScript逻辑与HTML结构分离,可以使用模块化工具如...

    javascript+html弹出层实例

    弹出层在 web 开发中的应用非常广泛,包括但不限于:提示信息、表单提交确认、图片画廊、模态窗口、广告展示等。它们可以避免页面跳转,保持用户的浏览上下文,提高用户的操作效率。 在这个实例中,我们看到一个名...

    Jsp页面使用jquery ui制作弹出层的详细方法

    首先,我们需要理解jQuery UI的核心组件——Modal Dialog(模态对话框),它是jQuery UI中的一个强大工具,可以创建一个阻塞用户界面的弹出窗口,直到用户与对话框交互后才会解除阻塞。这在需要用户确认操作、输入...

    学习弹出层的简单例子

    thickbox是一个轻量级的插件,它提供了全屏和模态的弹出窗口,适用于图片、IFrame、HTML内容等。在JSP中,我们可以结合JavaScript和CSS来控制弹出层的显示、隐藏以及样式。 接下来,让我们探讨如何在JSP中集成...

    ShowDialog的使用心得

    在Web开发中,`ShowDialog`功能主要涉及到浏览器窗口的弹出与交互。这里提到的`ShowDialog`实际上是指通过JavaScript中的`window.open()`方法及Internet Explorer特有的`window.showModalDialog()`和`window....

    javascript 强制弹出窗口代码-跨拦截

    JavaScript 强制弹出窗口是一种技术,主要用于在用户关闭网页或者特定事件触发时,绕过浏览器的拦截机制,实现窗口的强制打开。这种技术在早期的网页设计中常见,尤其是一些广告展示或用户确认操作时。然而,由于...

    bootbox需要的jar包

    Bootbox主要用于在网页上弹出警告、确认或输入对话框,无需编写大量HTML代码。 在"bootbox需要的jar包"这个标题下,我们主要关注的是Bootbox在Java环境中的使用,特别是在服务器端,可能需要将它与Java的Web项目...

    jq弹窗各种效果插件

    "jq弹窗各种效果插件"这个主题涉及到的是使用jQuery来实现各种弹出窗口(也称为模态对话框或提示框)的插件和效果。在网页设计中,弹窗常用于用户通知、确认操作、展示详细信息或进行表单输入等场景。 首先,我们要...

    javaScriptjavascript初级到高级笔记.doc

    例如,以下是一个简单的内部使用JavaScript的例子,它在页面加载时弹出两个对话框: ```html &lt;!DOCTYPE html&gt; &lt;title&gt;My first JavaScript! &lt;script type="text/javascript"&gt; alert("Hello js!"); alert("Ok...

    toast_noitification:敬酒通知弹出窗口的示例

    对于HTML标签的提及,这可能是指在Web开发中实现类似的弹出提示。在Web前端,我们可以使用JavaScript库,如jQuery UI或者Bootstrap的Modal组件来实现类似的功能。然而,更接近Toast通知的概念是HTML5引入的`&lt;dialog&gt;...

    javasecipt中Dialog的使用

    以上代码创建了一个模态对话框,点击按钮后弹出,关闭时会在控制台输出返回值。在实际开发中,你可以根据项目需求进一步定制`Dialog`的样式和功能,使其更加符合用户体验。 总的来说,`Dialog`元素为JavaScript和...

Global site tag (gtag.js) - Google Analytics