怎么制作简单网页弹窗,用什么工具,或代码?

在此代码中,[xss_clean] 标记中的 JavaScript 函数 openwin() 负责打开一个新窗口。


window.open("新闻。
", 'newwindow', 'height=1 00,width=4 00,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizing=no,location=no,status=no');
“news.”:打开页面的文件名。

'newwindow':新窗口的名称,后续引用中可能会用到,但这里不使用。

'height=1 00,width=4 00': 新窗口的高度和宽度。

'top=0,left=0':窗口相对于屏幕顶部和左侧的像素。

'toolbar=no,menubar=no,scrollbars=no': 不显示工具栏、菜单栏和滚动条。

'resizing=no':不允许调整窗口大小。

'location=no,status=no': 不显示地址栏和状态栏。

<body onload=openwin()">表示页面加载时,会自动调用openwin()函数打开新窗口。

html函数如何创建模态弹窗效果 html函数对话框元素的现代用法

哈,报告这个原生 元素。
最近我在这方面经历了很多陷阱,但我也学到了很多东西。

记得去年,我想在一个项目中使用模态弹出窗口。
当时我想简化流程,所以我想使用原生 而不仅仅是使用 JavaScript。
事实证明,这东西虽然简单,但也有很多陷阱。
首先是HTML结构。
记得,当时我使用了“dialog>标签,但是当我在Firefox浏览器中打开它时,弹出窗口无法显示。
原来,Firefox缺少行为“dialog>有点特殊。
默认不显示。
添加一些 CSS 来显示它。
记得我查过信息,添加了显示;位置:固定、发达。

然后,对于 JavaScript 部分,我轻松地使用了 showModal() 和第一个 close()。
然而,在一个项目中,当我习惯于关闭pop-up()窗口时,发现页面上的其他元素仍然保持着之前弹出窗口打开时的状态,而且焦点也没有出现问题。
后来我发现这两个方法只是让弹出窗口可见或不可见,对页面上的其他元素没有任何影响。
手动处理。

我之前没有观察到。
这个标签实际上有自己的ARIA属性,这对于屏幕阅读器来说非常友好。
但需要注意的是,默认情况下,如果元素聚焦于页面上的其他内容,则在弹出窗口打开后,焦点仍将保留在上方元素上。
这不是问题,但您必须手动调整。

谈谈风格定制。
这个 标签可以在各种 CSS 字段中进行自定义,但请注意,某些浏览器可能与背景有不同的约定。
例如,在旧版本的Edge浏览器中,我发现::exo-ramus这个东西不起作用。
后来我加了一个dialog::exit就解决了。
最后,关于兼容性,IE不支持这个标签。
如果您需要支持旧版浏览器,您应该使用称为 Polyfill 的东西。
我自己没有实践过这个,不敢乱说。
综上所述,白话虽然是一个非常强大的元素,但使用时也必须小心。
我记得有一个项目使用了这个标签,但是由于兼容性问题,任务被推迟了两天。
因此,您应该尝试了解更多相关信息。
呵呵,这次我经历了一些事情。