其他标签

232 阅读1分钟

最新引入标准的标签:

1、<dialog>

1.1

dialog标签表示一个可以关闭的对话框,对话框如果要显示,必须加上open属性。

1.2 JavaScript API

dialog标签的的JavaScript API提供Dialog.showModal()和Dialog.close()两个方法,用于打开/关闭对话框。

1.3 事件

dialog标签有两个事件可以监听

  • close:对话框关闭时触发
  • cancel:用户按下esc键关闭对话框时触发

2、<details>,<summary>

2.1 基本用法

details标签用来折叠内容,open属性默认打开折叠。 summary标签用来定制折叠内容的标题

2.2 JavaScript API

details标签的open属性返回details当前是打开还是关闭。 details标签有一个toggle事件,打开或关闭折叠时,都会触发这个事件。