原生js

2023-02-27 02:39| 来源: 网络整理| 查看: 265

首先要说明的是，之前的三种对话框是通用的，showModalDialog()有一定的兼容性，可以简单概括为：IE、火狐、safari浏览器是支持的。但是Chrome和opera浏览器是不支持的，不过我们可以采用window.open()来代替。

showModalDialog()显示一个包含HTML格式的“模态对话框”，可以给它传入参数，以及从对话框里返回值。

showModalDialog()在浏览器当前窗口中显示一个模态窗口，在显示模态窗口的时候，可以传入三个参数：

第一个参数用以指定提供对话框HTML内容的URL 第二个参数是一个任意值（数组和对象均可），这个值在对话框里的脚本中可以通过window.dialogArguments属性的值访问。第三个参数是一个非标准的列表，包含以分号隔开的name=value对，如果提供了这个参数，可以配置对话框的尺寸或其他属性。具体属性如下：属性说明 dialogHeight 对话框高度，不小于100px dialogWidth 对话框宽度。 dialogLeft 离屏幕左的距离。 dialogTop 离屏幕上的距离。 center { yes | no | 1 | 0 }：是否居中，默认yes，但仍可以指定高度和宽度。 help { yes | no | 1 | 0 }：是否显示帮助按钮，默认yes。 resizable { yes | no | 1 | 0 } [IE5+]：是否可被改变大小。默认no。 status { yes | no | 1 | 0 } [IE5+]：是否显示状态栏。默认为yes[ Modeless]或no[Modal]。 scroll { yes | no | 1 | 0 | on | off }：是否显示滚动条。默认为yes。

在进行模态弹窗的时候，我们首先应该新建一个弹窗的新页面，并在里面写出我们需要的html、css和js代码。例如我们新建一个modal_html.html页面：

【本文地址】

原生js

原生js

今日新闻

推荐新闻