文章预览
有了新的 标记,前端开发将从此不同... ❌之前: 看看我创建一个对话框要花费多少功夫👇。仅 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
………………………………