1. 網路狀態監聽介面

online 線上狀態
offline 離線轉態
例如：

window.addEventListener('online',function(){
	console.log('網路連線')
})
window.addEventListener('offline',function(){
	console.log('網路斷開')
})

2. 全屏操作的主要方法和屬性

Element.requestFullScreen() – 全屏顯示
document.cancelFullScreen() – 退出全屏顯示
document.fullScreenElement() – 是否全屏顯示

3. FileReader

使用場景：

• 網站效能優化
• 圖片等實時預覽

4. HTML5中的拖拽

在HTML5中，如果想要實現拖拽，就必須為元素新增draggable=‘true’,圖片和超連結預設可以拖拽。

<p draggable='true'>哈哈哈</p>

拖拽事件

1. 被拖拽元素的事件
2. 目標元素的事件

5. HTML5中的地理定位