新的 HTML <dialog> 标签：绝对改变游戏规则

文章预览

有了新的 标记，前端开发将从此不同... ❌之前： 看看我创建一个对话框要花费多少功夫👇。仅 CSS 就有近 20 行： 这还只是用于对话框功能的 CSS，它看起来仍然非常基本： 但是，使用新的 标签又如何呢？ ✅ 现在： "open">Open "dialog">   ⚡ Lighting strikes the earth 44  times  every second!   ⚡ 闪电每秒击中地球44次！ JS: const dialog = document.getElementById( 'dialog' ); const open = document.getElementById( 'open' ); open.addEventListener( 'click' , () => {   dialog.showModal(); }); 我们甚至可以使用 show() 方法来显示非模式对话框--没有背景，干扰较少： const dialog = document.getElementById( 'dialog' ); const open = document.getElementById( 'open' ); open.addEventListener( 'click' , () => {   // ✅ show() 方法   dialog.show(); }); 对话框一直是强力吸引用户注意力并向其传递信息的有力方式。 从 Mater ………………………………