专栏名称: 前端宇宙
种一棵树,最好的时间是十年前,其次是现在。
今天看啥  ›  专栏  ›  前端宇宙

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

前端宇宙  · 公众号  ·  · 2024-08-09 09:00

文章预览

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

原文地址:访问原文地址
快照地址: 访问文章快照
总结与预览地址:访问总结与预览